Měsíční archivy: Květen 2011

Ještě více jQuery–Změna velikosti obrázku příklad

Zanechte odpověď

Zdědil jsem webovou část ze staré dodavatele klienta a má problém s velikostí obrazu.  Obrazy by mělo být 60×50 Ale z nějakého zvláštního důvodu, původní dodavatel je donucena 42×42, tak vypadají pošramoceného:

 

Dobrý obrázek

Špatný obrázek

Tady je přirážka (poněkud zjednodušené):

<Tabulka class = "rozšířené outlook">
  <závit>
    <TR>
      <Čt  Šířka = "100′>3 Úterý</Čt>
    </TR>
  </závit>

  <tbody>
    <TR class = "prognózy">
      <Šířka TD = "100′>
        <ul>
          <li class = "vysoká">Vysoká: 72&deg;F</li>
          <li class = "nízkým">Nízká: 44&deg;F</li>
          <li class = "stavu">Slunečno
            <img src =’http://deskwx.WeatherBug.com/images/Forecast/icons/Localized/60×50/EN/trans/cond007.PNG’ Šířka ='42’ Výška ='42’ ALT =” />
          </li>
        </ul>
      </TD>
    </TR>

  </tbody>

</Tabulka>

Všimněte si že i když Cesta k obrázku, samotné se zobrazí odpovídající rozměr (60×50) původní dodavatel ji donutila 42×42.  Proč?  Šílené.

Každopádně, Chtěl jsem rychlé a snadné řešení této otázky a já se obrátil k jQuery.  Trik byl k hledání vhodného <IMG> značky.  Nechtěl jsem si ty fóry s jiné značky img (z nichž je mnoho).  Tento bit jQuery trik:

<skript typ = "text/javascript" src ="http://AJAX.googleapis.com/AJAX/libs/Jquery/1.5/Jquery.min.js"></skript>

<skript typ = "text/javascript">
     $(dokument).připraven(funkce () {

         $(' li.condition > img').Každý(funkce (Rejstřík, položka)
            {
             $(položka).CSS("Šířka", "60"); 
             $(položka).CSS("výškou", "50");
            });
     }); // Při načítání dokumentu
</skript>

Tento kousek kódu najde kolekci <li> značky, jejichž třída je "stav" a <IMG> děti.  Pak je to všechno projde.  Pracoval jako kouzlo.

Možná by jej zefektivnit, Ale já jsem nikdy nebyla druh unix chlapíka, který vyřešil π do 18 přesnost čísel pomocí sed a awk a já nejsem takový pokud jQuery buď chlap Usměj se.

</Konec>

Přihlásit se na mém blogu.

Za mnou na Twitter na http://www.twitter.com/pagalvin

Při analýze XML s LINQ

Zanechte odpověď

Zde je příklad rychlé pomocí LINQ analyzovat některé  XML a vystoupit na sladkost, sladký atributy v něm.

Tady je chci zpracovat XML:

<?XML verze = "1.0" kódování = "utf-8" ?>
<DeafultConfigurationSets>
  <PageLayouts>

    <PageLayout jméno = "xyzzy">
      <Tabulátory>
        <Karta TabOrder = "1" Jmenovku záložky = "x" SharePointContentType = "a" AdditionalConstraints = "ac1" />
        <Karta TabOrder = "2" Jmenovku záložky "y =" SharePointContentType = "b" AdditionalConstraints = "ac2" />
      </Tabulátory>
    </PageLayout>

    <PageLayout jméno = "xyzzy2">
      <Tabulátory>
        <Karta TabOrder = "100" Jmenovku záložky = "x" SharePointContentType = "a" AdditionalConstraints = "ac1" />
        <Karta TabOrder = "101" Jmenovku záložky "y =" SharePointContentType = "b" AdditionalConstraints = "ac2" />
        <Karta TabOrder = "103" Jmenovku záložky = "z" SharePointContentType = "c" AdditionalConstraints = "ac3" />
      </Tabulátory>
    </PageLayout>

  </PageLayouts>
</DeafultConfigurationSets>

Chci vybudovat si některé karty za běhu pomocí analýzy výše.  Moje karty závisí na rozložení stránky.  Pokud rozložení stránky mé jméno je "xyzzy2" pak chci karty 100, 101 a 103 (karty v <PageLayout jméno = "xyzzy2">).

Tady je LINQ, dělá to:

var allTabs =
              od p v
                  XElement.Parse(theXmlToParse).
                  Prvky("PageLayouts").
                  Prvky("PageLayout")
              kde (p.Attribute("název").Value.Equals("xyzzy2"))
              od m v p.Elements("Karty").Prvky("Kartu")
              Vybrat m;

          Results.text = string.Prázdný;

          foreach (var aTab v allTabs)
          {
              Results.text =
                  "Pořadí prvků: " + aTab.Attribute("TabOrder").Hodnota + " |" +
                  "Popisek záložky: " + aTab.Attribute("Jmenovku záložky").Hodnota + " | " +
                  "SharePointContentType: " + aTab.Attribute("SharePointContentType").Hodnota + " | " +
                  "AdditionalConstraints: " + aTab.Attribute("AdditionalConstraints").Hodnota + "r";
          }

V výše uvedeného, Proměnná "theXmlToParse" je proměnné řetězce, Můžete však použít zatížení() metoda v proudu, pokud se vám líbí.

"Výsledky" je štítek na webovém formuláři a když tento kód, Vypadá to jako to:

SNAGHTML11cd2e7c

Jsem jak řadit výsledky zatím nevychází, Tak já to nechám pro budoucí blogu.

</Konec>

Přihlásit se na mém blogu.

Za mnou na Twitter na http://www.twitter.com/pagalvin