Monthly Archives: Maí 2011

Samt Meira jQuery–Búa til mynd Dæmi

Ég erfði vefur hluti af gamla seljanda a viðskiptavinarins og það hefur stærð vandamál.  Myndirnar ættu að vera 60×50 en fyrir sumir stakur ástæða, upprunalega söluaðili neyðist þá í 42×42, svo þeir líta squashed:

 

Góð mynd

Bad Mynd

Hér er Markup (nokkuð einfaldað):

<'á útbreiddur-Horfur' Tafla class =>
  <thead>
    <tr>
      <th  width = '100′>3 Þriðjudagur</th>
    </tr>
  </thead>

  <tbody>
    <tr class = "spá">
      <td width = '100′>
        <Street>
          <Li class = 'hár'>Hár: 72&þú;F</Li>
          <Li class = "lítið">Low: 44&þú;F</Li>
          <Li Class = 'ástand'>Sunny
            <IMG src =’
HTTP://deskwx.weatherbug.com/images/Forecast/icons/localized/60×50/en/trans/cond007.png’ Breidd = '42’ height = '42’ alt =” />
          </Li>
        </Street>
      </td>
    </tr>

  </tbody>

</borð>

Þú munt hafa í huga að jafnvel þótt slóð að myndinni sjálfri sýnir rétta vídd (60×50) upprunalega söluaðili neyðist það í 42×42.  Hvers vegna?  Crazy.

Engu að síður, Ég vildi a fljótur og þægilegur lausn á þessu máli og ég varð að jQuery.  The bragð var að finna allar viðeigandi <IMG> merki.  Ég vildi ekki muck um með öðrum IMG tags (þar af eru margir).  Þessi hluti af jQuery gerði bragð:

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

<handrit type = "text / javascript">
     $(skjal).tilbúinn(virka () {

         $(‘li.condition > 'IMG).hver(virka (Vísitala, atriði)
           
{
             $(atriði).CSS("Breidd", "60"); 
             $(atriði).CSS("Hæð", "50");
            });
     }); // á hleðslu skjal
</handrit>

Það bita af kóða finnur safn <Li> merki þar sem bekknum er "ástand" og <IMG> börn.  Það iterates þá í gegnum allt það.  Vann eins og a þokki.

Ég gæti líklega einfalda hana, en ég var aldrei góður í Unix strákur að leysa π að 18 tölustafir nákvæmni nota sed og awk og ég er ekki þannig ef jQuery gaur annaðhvort bros.

</enda>

Gerast áskrifandi að bloggið mitt.

Fylgdu mér á Twitter á http://www.twitter.com/pagalvin

Þátta XML við LINQ

Villutrú 'a fljótur dæmi nota LINQ að flokka sumar  XML og fá á the sætur, sætar eiginleika þar.

Hér er XML Ég vil að flokka:

<?XML útgáfa = "1,0" kóðun = "UTF-8" ?>
<DeafultConfigurationSets>
  <PageLayouts>

    <PageLayout nafn = "xyzzy">
      <Tabs>
        <Flipi TabOrder = "1" TabLabel = "x" SharePointContentType = "a" AdditionalConstraints = "ac1" />
        <Flipi TabOrder = "2" TabLabel = "y" SharePointContentType = "b" AdditionalConstraints = "ac2" />
      </Tabs>
    </PageLayout>

    <PageLayout nafn = "xyzzy2">
      <Tabs>
        <Flipi TabOrder = "100" TabLabel = "x" SharePointContentType = "a" AdditionalConstraints = "ac1" />
        <Flipi TabOrder = "101" TabLabel = "y" SharePointContentType = "b" AdditionalConstraints = "ac2" />
        <Flipi TabOrder = "103" TabLabel = "Z" SharePointContentType = "c" AdditionalConstraints = "ac3" />
      </Tabs>
    </PageLayout>

  </PageLayouts>
</DeafultConfigurationSets>

Ég vil að byggja upp smá flipa á afturkreistingur af þáttun ofan.  Tabs mínir ráðast á síðu skipulag.  Ef nafn síðu skipulag míns er "xyzzy2" þá vil ég fá flipa 100, 101 og 103 (flipa í <PageLayout nafn = "xyzzy2">).

Hér er LINQ sem gerir það:

var allTabs =
              frá P í
                  XElement.Parse(theXmlToParse).
                 
Elements("PageLayouts").
                  Elements("PageLayout")
              þar sem (p.Attribute("Nafn").Value.Equals("Xyzzy2"))
              frá m p.Elements("Tabs").Elements("Tab")
              velja m;

          Results.Text = string.Empty;

          framhandleggur (ATAB var sett allTabs)
          {
              Results.Text =
                  "Tab Panta: " + aTab.Attribute("TabOrder").Gildi + " |" +
                  "Tab Label: " + aTab.Attribute("TabLabel").Gildi + " | " +
                  "SharePointContentType: " + aTab.Attribute("SharePointContentType").Gildi + " | " +
                  "AdditionalConstraints: " + aTab.Attribute("AdditionalConstraints").Gildi + " R";
          }

Í ofan, breytan "theXmlToParse" er band breytu, en þú getur notað hlaða() aðferð á straum ef þú vilt.

"Niðurstöður" er merki um a vefur mynd og þegar þetta númer keyrir, það lítur svona út:

SNAGHTML11cd2e7c

Ég hef ekki unnið út hvernig á að raða niðurstöðunum enn, svo ég leyfi að fyrir framtíð blogg.

</enda>

Gerast áskrifandi að bloggið mitt.

Fylgdu mér á Twitter á http://www.twitter.com/pagalvin