Aylıq Arxiv: May 2011

Daha jQuery–Resim Misal boyutlandır

Mən müştəri köhnə satıcı bir web hissəsi miras qalmış və bir resim ölçüsü problem var.  Şəkillər 60 olmalıdır×50 lakin bəzi qəribə səbəbdən, orijinal satıcı 42 onları məcbur×42, onlar əzilmiş baxmaq:

 

Yaxşı Image

Bad Image

Burada biçimlendirme var (qədər sadələşdirilmiş):

<masa class = "uzun perspektivdə">
  <thead>
    <tr>
      <ci  width = '100′>3 Çərşənbə axşamı</ci>
    </tr>
  </thead>

  <tbody>
    <tr class = "proqnozu '>
      <td width = '100′>
        <st>
          <li class = 'yüksək'>Yüksək: 72&siz;F</li>
          <li class = 'az'>Aşağı: 44&siz;F</li>
          <li class = 'şərt'>Günəşli
            <img src =’
http://deskwx.weatherbug.com/images/Forecast/icons/localized/60×50/en/trans/cond007.png’ width = '42’ height = '42’ alt =” />
          </li>
        </st>
      </TD>
    </tr>

  </tbody>

</masa>

Siz qeyd edəcəyik ki, hətta image özü yolu müvafiq ölçüsü göstərir (60×50) orijinal satıcı 42-ci ildə məcburi×42.  Niyə?  Sərsəm.

Hər halda, Mən bu məsələnin tez və asan həll istəyirdi və mən jQuery çevrildi.  Bu oyun uyğun bütün tapmaq üçün idi <img> tags.  Mən heç bir başqa img tags ilə bağlı muck istəmirdi (çox var olan).  JQuery Bu bit oyun etdi:

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

<script type="text/javascript">
     $(sənəd).hazır(funksiyası () {

         $(‘li.condition > img ").hər(funksiyası (indeks, maddə)
           
{
             $(maddə).CSS("width", "60"); 
             $(maddə).CSS("height", "50");
            });
     }); // sənəd yük
</ssenari>

Kodu Bu bit toplanması tapır <li> kimin sinif tags "vəziyyəti" və <img> uşaqlar.  O ki, bütün vasitəsilə iterates.  Bir cazibədarlığı kimi çalışmışdır.

Mən yəqin ki, aerodinamik bilər, amma π həll edən unix oğlan bir cür idi, heç vaxt üçün 18 rəqəm dəqiq sed və AWK istifadə və mən jQuery oğlan əgər, ya da o cür deyiləm təbəssüm.

</son>

Blog abunə.

Da Twitter məni izləyin http://www.twitter.com/pagalvin

LINQ ilə XML təhlil

Burada LINQ bəzi analiz etmək üçün istifadə tez misal var  XML və şirin əldə, şirin atributları orada.

Burada təhlil etmək istəyirəm XML var:

<?xml version = "1.0" utf-8 "= kodlama" ?>
<DeafultConfigurationSets>
  <PageLayouts>

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

    <PageLayout name="xyzzy2">
      <Tabs>
        <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"/>
      </Tabs>
    </PageLayout>

  </PageLayouts>
</DeafultConfigurationSets>

Mən yuxarıda təhlil ilə iş zamanı bəzi sekmeleri yaratmaq istəyirik.  Mənim Nişanlar səhifə susmaya asılıdır.  Mənim səhifə susmaya adı "xyzzy2" Əgər mən Nişanlar almaq istəyirlər 100, 101 və 103 (olan sekmeleri <PageLayout name = "xyzzy2">).

Burada, o, LINQ var:

allTabs = oldu
              p-dən
                  XElement.Parse(theXmlToParse).
                 
Elements("PageLayouts").
                  Elements("PageLayout")
              hara (p.Attribute("name").Value.Equals("xyzzy2"))
              p.Elements m-dən("Tabs").Elements("Tab")
              m seçin;

          Results.Text = string.Empty;

          foreach (ATAB allTabs daxil oldu)
          {
              Results.Text =
                  "Tab Order: " + aTab.Attribute("TabOrder").Dəyər + " |" +
                  "Tab Label: " + aTab.Attribute("TabLabel").Dəyər + " | " +
                  "SharePointContentType: " + aTab.Attribute("SharePointContentType").Dəyər + " | " +
                  "AdditionalConstraints: " + aTab.Attribute("AdditionalConstraints").Dəyər + "\r";
          }

Yuxarıda, dəyişən "theXmlToParse" bir string dəyişən deyil, ancaq yük istifadə edə bilərsiniz() bir işə metodu isterseniz.

Bu kodu icra zaman "nəticələri" bir web forma bir etiket və, bu kimi görünür:

SNAGHTML11cd2e7c

Hələlik nəticəsi düzmək üçün necə işlənib yoxdur, mən gələcək blog üçün tərk edəcəyik.

</son>

Blog abunə.

Da Twitter məni izləyin http://www.twitter.com/pagalvin