Mjesečni arhiv: Svibanj 2011

Ipak Više jQuery–Stanovati primjer slike

Sam naslijedila web dio od klijenta stare dobavljača i ima problema veličini slike.  Slike trebaju biti 60×50 ali iz nekog razloga ak, izvorni dobavljač ih je natjerao u 42×42, tako da izgledaju squashed:

 

Dobra slika

Bad Slika

Evo označavanje (nešto pojednostavljeno):

<table Class = 'proširenog izgledi'>
  <thead>
    <tr>
      <th  width = '100′>3 Utorak</th>
    </tr>
  </thead>

  <tbody>
    <tr class = 'prognoza'>
      <td width = '100′>
        <Ulica>
          <li class = "high">Visok: 72&vi;F</Li>
          <li class = 'niska'>Nisko: 44&vi;F</Li>
          <Li Class = 'stanje'>Sunčan
            <img src =’
http://deskwx.weatherbug.com/images/Forecast/icons/localized/60×50/en/trans/cond007.png’ width = '42’ height = '42’ alt =” />
          </Li>
        </Ulica>
      </td>
    </tr>

  </tbody>

</stol>

Ćete primijetiti da, iako Put do same slike pokazuje pravilnu dimenziju (60×50) izvorni dobavljač je prisiljen u 42×42.  Zašto?  Lud.

U svakom slučaju, Htjela sam brzo i jednostavno rješenje za ovaj problem i okrenuo sam se jQuery.  Trik je pronaći sve potrebno <img> oznake.  Nisam želio da Ljenčariti s bilo kojim drugim IMG tagova (od kojih su mnogi).  Ovo malo jQuery je trik:

<skripta type = "text / javascript" src ="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></skripta>

<skripta type = "text / javascript">
     $(dokument).spreman(funkcija () {

         $(‘li.condition > IMG ').svaki(funkcija (indeks, stavka)
           
{
             $(stavka).css("Širina", "60"); 
             $(stavka).css("Visina", "50");
            });
     }); // na dokumenta opterećenja
</skripta>

To malo koda pronalazi zbirka <Li> tags čija klasa je "stanje" i <img> djeca.  Tada ponovi kroz sve to.  Izrađen poput milina.

Vjerojatno sam mogao pojednostaviti, ali nikada nisam bio tip čovjeka koji je riješio Unix π na 18 znamenke preciznost pomoću Sed i awk i nisam takav tip, ako jQuery bilo Osmijeh.

</kraj>

Pretplatite se na moj blog.

Slijedite me na Twitter-u http://www.twitter.com/pagalvin

Parsiranje XML sa LINQ

Evo primjer brzo koristeći LINQ tumačenje nekih  XML i dobiti na slatko, slatki atributi u njoj.

Evo XML želim analizirati:

<?xml version = "1,0" kodiranja = "utf-8" ?>
<DeafultConfigurationSets>
  <PageLayouts>

    <PageLayout name = "xyzzy">
      <Kartice>
        <Tab TabOrder="1" TabLabel="x" SharePointContentType="a" AdditionalConstraints="ac1"/>
        <Tab TabOrder="2" TabLabel="y" SharePointContentType="b" AdditionalConstraints="ac2"/>
      </Kartice>
    </PageLayout>

    <PageLayout name="xyzzy2">
      <Kartice>
        <Tab TabOrder="100" TabLabel="x" SharePointContentType="a" AdditionalConstraints="ac1"/>
        <Tab TabOrder="101" TabLabel="y" SharePointContentType="b" AdditionalConstraints="ac2"/>
        <Tab TabOrder="103" TabLabel="z" SharePointContentType="c" AdditionalConstraints="ac3"/>
      </Kartice>
    </PageLayout>

  </PageLayouts>
</DeafultConfigurationSets>

Želim izgraditi neke kvačice na runtime strane raščlanjivanja gore.  Moje Kartice ovisiti izgled stranice.  Ako moj izgled stranice se zove "xyzzy2" onda želim da se jezičke 100, 101 i 103 (Kartice su u <PageLayout name = "xyzzy2">).

Evo kako to radi LINQ:

var = allTabs
              iz p u
                  XElement.Parse(theXmlToParse).
                 
Elementi("PageLayouts").
                  Elementi("PageLayout")
              gdje (p.Attribute("name").Value.Equals("xyzzy2"))
              od m p.Elements("Tabs").Elementi("Tab")
              odaberite m;

          Results.Text = string.Empty;

          foreach (var aTab u allTabs)
          {
              Results.Text =
                  "Tab Order: " + aTab.Attribute("TabOrder").Vrijednost + " |" +
                  "Tab Label: " + aTab.Attribute("TabLabel").Vrijednost + " | " +
                  "SharePointContentType: " + aTab.Attribute("SharePointContentType").Vrijednost + " | " +
                  "AdditionalConstraints: " + aTab.Attribute("AdditionalConstraints").Vrijednost + "\r";
          }

U gore, varijabla "theXmlToParse" je string promjenjive, , ali možete koristiti opterećenje() Način na potoku, ako vam se sviđa.

"Rezultati" je naljepnica na web obrazac i kada se to kod izvršava, to izgleda ovako:

SNAGHTML11cd2e7c

Nisam radio kako bi Prikazane rezultate još, pa ću ostaviti da se za buduće blogu.

</kraj>

Pretplatite se na moj blog.

Slijedite me na Twitter-u http://www.twitter.com/pagalvin