Aylık Arşivler: May 2011

Henüz daha jQuery–Resim örneği yeniden boyutlandırma

Bir istemcinin eski satıcıdan bir web bölümü miras ve görüntü boyutu sorun vardır.  Görüntüleri-meli var olmak 60×50 Ama bazı tuhaf nedenle, özgün satıcısı onları 42 zorla×42, ezilmiş görünüyorlar:

 

İyi görüntü

Kötü görüntü

İşte biçimlendirme (biraz Basitleştirilmiş):

<Masa sınıf 'genişletilmiş-outlook' =>
  <thead>
    <tr>
      <inci  Genişlik ='100′>3 Salı</inci>
    </tr>
  </thead>

  <TBODY>
    <tr sınıf 'tahmin' =>
      <TD genişliği ' 100 =′>
        <ul>
          <li sınıf 'yüksek' =>Yüksek: 72&değ;F</Li>
          <li sınıf 'düşük' =>Düşük: 44&değ;F</Li>
          <li sınıf 'durumu' =>Güneşli
            <img src =’
http://deskwx.weatherbug.com/images/Forecast/icons/localized/60×50/En/Trans/cond007.png’ Genişlik ='42’ Yükseklik ' 42 =’ alt =” />
          </Li>
        </ul>
      </TD>
    </tr>

  </TBODY>

</Tablo>

Olsa bile bu dikkat edeceğiz görüntünün kendisini yolu uygun boyut gösterir (60×50) özgün satıcısı 42 yılında zorla×42.  Neden?  Deli.

Yine de, Bu hızlı ve kolay bir çözüm istedi ve jQuery için döndü.  Hile tüm uygun bulmak için yapıldı. <IMG> Etiketler.  Diğer img etiketleri ile muck istemedim. (var olan birçok).  JQuery bu bit did belgili tanımlık hüner:

<komut dosyası türü = text/javascript"" src ="http://Ajax.googleapis.com/Ajax/libs/jQuery/1.5/jQuery.min.js"></komut dosyası>

<komut dosyası türü "metin/javascript" =>
     $(Belge).hazır(işlevi () {

         $(' li.condition > img').Her(işlevi (Dizin, Madde)
           
{
             $(Madde).CSS("genişliği", "60"); 
             $(Madde).CSS("Yükseklik", "50");
            });
     }); // belge üzerindeki yük
</komut dosyası>

Bu boyutta bir kod koleksiyon bulur <Li> Etiketler sınıftır "durum" ve <IMG> çocuklar.  O zaman bütün bunlar sırayla dolaşır.  Amele beğenmek a çekicilik.

Muhtemelen bu düzene, Ama hiç bir π çözülmüş bir UNIX adam Hedef 18 basamaklı duyarlık kullanarak SED ve awk ve jQuery ya adam ben bu kadar değilim Gülümseme.

</sonunda>

Benim blog abone.

Heyecan beni izleyin http://www.twitter.com/pagalvin

LINQ ile xml ayrıştırma

İşte bazı ayrıştırmak için LINQ kullanarak hızlı bir örnek  XML ve tatlı, al, tatlı orada özellikleri.

İşte ayrıştırmak istediğiniz XML:

<?XML sürüm "1.0 =" kodlama = "utf-8" ?>
<DeafultConfigurationSets>
  <PageLayouts>

    <PageLayout adı "xyzzy" =>
      <Sekmeleri>
        <Sekme TabOrder = "1" TabLabel = "x" SharePointContentType = "bir" AdditionalConstraints "ac1" = />
        <Sekme TabOrder "2 =" TabLabel = "y" SharePointContentType = "b" AdditionalConstraints "ac2" = />
      </Sekmeleri>
    </PageLayout>

    <PageLayout adı "xyzzy2" =>
      <Sekmeleri>
        <Sekme TabOrder = "100" TabLabel = "x" SharePointContentType = "bir" AdditionalConstraints "ac1" = />
        <Sekme TabOrder "101 =" TabLabel = "y" SharePointContentType = "b" AdditionalConstraints "ac2" = />
        <Sekme TabOrder "103 =" TabLabel = "z" SharePointContentType = "c" AdditionalConstraints "ac3" = />
      </Sekmeleri>
    </PageLayout>

  </PageLayouts>
</DeafultConfigurationSets>

Ben yukarıda ayrıştırma tarafından çalışma zamanında bazı sekmeler oluşturmak istiyorum.  Benim sekmeleri sayfa düzeni bağlıdır.  Sonra benim sayfa düzeni'nın adı "xyzzy2" ise sekmeleri almak istiyorum 100, 101 ve 103 (sekmeleri <PageLayout adı "xyzzy2" =>).

İşte öyle LINQ:

var allTabs =
              içinde p
                  XElement.Parse(theXmlToParse).
                 
Öğeleri("PageLayouts").
                  Öğeleri("PageLayout")
              nerede (p.Attribute("adı").Value.Equals("xyzzy2"))
              p.Elements--dan m("Tabs").Öğeleri("Sekme")
              m seçin;

          Results.Text = dize.Boş;

          foreach (allTabs de var aTab)
          {
              Results.Text =
                  "Sekme sırası: " + aTab.Attribute("TabOrder").Değer + " |" +
                  "Sekme etiketi: " + aTab.Attribute("TabLabel").Değer + " | " +
                  "SharePointContentType: " + aTab.Attribute("SharePointContentType").Değer + " | " +
                  "AdditionalConstraints: " + aTab.Attribute("AdditionalConstraints").Değer + "r";
          }

Belgili tanımlık yukarıda içinde, bir dize değişkenine "theXmlToParse" değişkendir, ama sen-ebilmek kullanma belgili tanımlık yük() Eğer bir akış yöntemi.

"Sonuçlar" bir web formunda ve bu kodu yürütüldüğünde etikettir, Bu gibi görünüyor:

SNAGHTML11cd2e7c

Ben nasıl sonuçlar henüz sıralamak için çalıştı değil, Ben, bir gelecekte blog yazısı için bırakacağım.

</sonunda>

Benim blog abone.

Heyecan beni izleyin http://www.twitter.com/pagalvin