Kuu arhiivid: Võib 2011

Veel rohkem jQuery–Näide pildi suuruse muutmine

Veebiosa päritud kliendi vana hankija ja see on probleem graafika suurus.  Pildid peaksid olema 60×50 kuid mõned veider põhjus, esialgse tarnija sundis neid 42×42, nii et nad näevad kokkupigistatud:

 

Hea pilt

Halb pilt

Siin on märgistus (mõnevõrra lihtsustatud):

<Tabel klassi = "extended-outlook">
  <thead>
    <TR>
      <th  laius = "100′>3 Teisipäev</th>
    </TR>
  </thead>

  <tbody>
    <TR klassi = "prognoos">
      <TD laius = "100′>
        <UL>
          <Li klassi = "kõrge">Kõrge: 72&kraadi;F</Li>
          <Li klassi = "madal">Madala: 44&kraadi;F</Li>
          <Li klassi = "tingimus">Päikeseline
            <img src =’
http://deskwx.weatherbug.com/images/Forecast/icons/localized/60×50/EN/trans/cond007.png’ laius = "42’ kõrgus = "42’ alt =” />
          </Li>
        </UL>
      </TD>
    </TR>

  </tbody>

</Tabel>

Sa pead tähele, et kuigi Euroopa tee pilt ise kuvatakse õige mõõt (60×50) esialgse tarnija sunnitud 42×42.  Miks?  Hull.

Igatahes, Tahtsin kiire ja lihtne lahendus sellele probleemile ja keerasin jQuery.  Trikk oli leidma kõik asjakohased <img> Sildid.  Ma ei tahtnud sopp img siltidega (mida on palju).  See natuke jQuery ei trikk:

<script type = tekst/javascript"" src ="http://Ajax.googleapis.com/Ajax/libs/jQuery/1.5/jQuery.min.js"></skripti>

<script type = "tekst/javascript">
     $(dokumendi).valmis(funktsioon () {

         $(' li.condition > img ").iga(funktsioon (indeks, kauba)
           
{
             $(kauba).CSS("laius", "60"); 
             $(kauba).CSS("kõrgus", "50");
            });
     }); // dokumendi laadimisel
</skripti>

See natuke koodi leiab kogumine <Li> Sildid, kelle klassis on "seisund" ja <img> lapsed.  Ta kordab siis kõik see läbi.  Töötas nagu võlu.

Ma oleks ilmselt sujuvamaks, Aga ma ei ole kunagi olnud üks selline unix mees, et lahendada π et 18 numbrite täpsus sed ja awk ja ma ei ole sellist kui jQuery mees kas naeratus.

</lõpp>

Telli minu blogi.

Järgi mind vidistama kell http://www.twitter.com/pagalvin

Sõelumisel LINQ koos XML

Siin on kiire näiteks kasutades LINQ sõeluda mõned  XML-i ja magus peatuses, magus omistatakse neis.

Siin on, ma tahan, et sõeluda XML:

<?XML-i versioon = "1.0" kodeering = "utf-8" ?>
<DeafultConfigurationSets>
  <PageLayouts>

    <PageLayout nimi = "xyzzy">
      <Vahekaardid>
        <TAB TabOrder = "1" TabLabel = "x" SharePointContentType = "a" AdditionalConstraints = "Ac1 madalamal temperatuuril" />
        <TAB TabOrder = "2" TabLabel = "y" SharePointContentType = "b" AdditionalConstraints = "ac2" />
      </Vahekaardid>
    </PageLayout>

    <PageLayout nimi = "xyzzy2">
      <Vahekaardid>
        <TAB TabOrder = "100" TabLabel = "x" SharePointContentType = "a" AdditionalConstraints = "Ac1 madalamal temperatuuril" />
        <TAB TabOrder = "101" TabLabel = "y" SharePointContentType = "b" AdditionalConstraints = "ac2" />
        <TAB TabOrder = "103" TabLabel = "z" SharePointContentType = "c" AdditionalConstraints = "ac3" />
      </Vahekaardid>
    </PageLayout>

  </PageLayouts>
</DeafultConfigurationSets>

Soovin luua mõned kaardid käitusajal poolt parsing eespool.  Minu vahekaartide sõltuvad lehe paigutus.  Kui minu leheküljendi nimi on "xyzzy2", siis ma tahan saada vahekaardid 100, 101 ja 103 (vahekaarte <PageLayout nimi = "xyzzy2">).

Siin on see LINQ:

var allTabs =
              : p
                  XElement.Parse(theXmlToParse).
                 
Elemendid("PageLayouts").
                  Elemendid("PageLayout")
              Kui (p.Attribute("nimi").Value.Equals("xyzzy2"))
              m p.Elements("Kaardid").Elemendid("Kaart")
              Valige m;

          Results.Text = string.Tühi;

          foreach (var aTab allTabs)
          {
              Results.Text =
                  "Tab järjekorras: " + aTab.Attribute("TabOrder").Väärtus + " |" +
                  Jaotises silt": " + aTab.Attribute("TabLabel").Väärtus + " | " +
                  "SharePointContentType: " + aTab.Attribute("SharePointContentType").Väärtus + " | " +
                  "AdditionalConstraints: " + aTab.Attribute("AdditionalConstraints").Väärtus + "r";
          }

Ülalnimetatud, muutuja "theXmlToParse" on stringi muutuja, kuid saate koormus() meetod oja, kui sulle meeldib.

"Tulemused" on silt veebivormi kaudu ja kui see kood käivitab, See näeb välja selline:

SNAGHTML11cd2e7c

Ma ei töötanud, kuidas järjestada tulemusi veel, nii et ma jätan selle tulevane blogi postitus.

</lõpp>

Telli minu blogi.

Järgi mind vidistama kell http://www.twitter.com/pagalvin