Monthly Archives: Մայիսի 2011

Yet More jQuery–Resize Պատկեր օրինակ

Ես ժառանգել վեբ մասը մի Հաճախորդի հին վաճառողի եւ դա ունի պատկերի չափերը խնդիրը.  Պատկերները պետք է լինի 60×50 բայց ինչ - ինչ պատճառներով կենտ, բնօրինակը վաճառող ստիպել նրանց 42 - ից×42, նրանք նայում squashed:

 

Լավ Image

Bad Image

Ահա նշում (որոշ չափով պարզեցված):

<սեղանի դասի = - ի ընդլայնված, հեռանկար,>
  <thead>
    <TR>
      <րդ  width = '100′>3 Երեքշաբթի</րդ>
    </TR>
  </thead>

  <tbody>
    <TR class = "կանխատեսում.>
      <TD width = '100′>
        <րդ>
          <li class = "բարձր">Բարձր: 72&դուք;F</li>
          <li class = 'ցածր'>Ցածր: 44&դուք;F</li>
          <Li class = 'պայման.>Արեւոտ
            <img src =’
http :/://deskwx.weatherbug.com/images/Forecast/icons/localized/60×50/en/trans/cond007.png’ width = '42’ բարձրություն = '42’ alt =” />
          </li>
        </րդ>
      </TD>
    </TR>

  </tbody>

</սեղան>

Դուք նշում են, որ չնայած ճանապարհը դեպի պատկերի մեջ ցույց է տալիս, որ համապատասխան հարթության (60×50) բնօրինակը վաճառող ստիպված էր 42 -×42.  Ինչու?  Խելագար.

Համենայն դեպս, Ես ուզում է արագ եւ հեշտ լուծում այս հարցին, եւ ես դիմել jQuery.  The հնարք էր տեղադրել բոլոր համապատասխան <img> tags:  Ես չէի ուզում աղտ մասին, ինչպես ցանկացած այլ IMG պիտակներ (որոնց շատ են).  Սա քիչ jQuery արել trick:

<script type="text/javascript" Բացել ="http :/://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></ձեռագիր>

<script type = "text / JavaScript">
     $(փաստաթուղթ).պատրաստ(ֆունկցիա () {

         $(‘li.condition > img -).յուրաքանչյուր(ֆունկցիա (ինդեքս, կետ)
           
{
             $(կետ).CSS("width", "60"); 
             $(կետ).CSS("height", "50");
            });
     }); // մասին փաստաթղթի բեռը
</ձեռագիր>

Դա քիչ կոդը գտնում հավաքածուն <li> tags որոնց կարգի է "վիճակը" եւ <img> երեխաներ.  Այն ժամանակ iterates միջոցով այդ ամենը.  Աշխատել նման հմայք.

Ես կարող էի երեւի ընթացում այն, բայց ես երբեք չեմ եղել այդպիսի UNIX տղայի, որը լուծվում π դեպի 18 նիշերն ճշգրտության օգտագործելով SED եւ awk եւ ես չէ, որ նման դեպքում jQuery guy կամ ժպիտ.

</վերջ>

Անդամագրվել իմ բլոգում.

Գտեք Twitter-ում http://www.twitter.com/pagalvin

Քերականական վերլուծություն թեմա է LINQ

Ահա մի օրինակ է արագ օգտագործել LINQ վերլուծել որոշ  XML Նամակ եւ ստանալ քաղցր է, քաղցր հատկանիշները այնտեղ.

Ահա XML Ես ուզում եմ վերլուծել:

<?XML տարբերակ = "1.0" կոդավորում = "utf-8" ?>
<DeafultConfigurationSets>
  <PageLayouts>

    <PageLayout անունը = "xyzzy">
      <Նոր որոնում>
        <Tab TabOrder="1" TabLabel="x" SharePointContentType="a" AdditionalConstraints="ac1"/>
        <Tab TabOrder="2" TabLabel="y" SharePointContentType="b" AdditionalConstraints="ac2"/>
      </Նոր որոնում>
    </PageLayout>

    <PageLayout name="xyzzy2">
      <Նոր որոնում>
        <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"/>
      </Նոր որոնում>
    </PageLayout>

  </PageLayouts>
</DeafultConfigurationSets>

Ես ուզում եմ կառուցել մի քանի էջանիշերն է Runtime ըստ քերականական վերլուծություն վերը.  Իմ թարգմանությունը կախված մի էջ դիրքով.  Եթե ​​Իմ էջը դասավորությունը անունը է «xyzzy2", ապա ես ուզում եմ ստանալ էջանիշերն 100, 101 իսկ 103 (ի թարգմանությունը եւ <PageLayout name = "xyzzy2">).

Ահա LINQ դա այն:

եղել allTabs =
              սկսած p - ին
                  XElement.Parse(theXmlToParse).
                 
Elements("PageLayouts").
                  Elements("PageLayout")
              ուր (p.Attribute("name").Value.Equals("xyzzy2"))
              սկսած մ p.Elements("Tabs").Elements("Tab")
              ընտրեք մ;

          Results.Text = string.Empty;

          ԲՀԿ (էր ATAB մեջ allTabs)
          {
              Results.Text =
                  "Tab Order: " + aTab.Attribute("TabOrder").Արժեք + " |" +
                  "Tab Label: " + aTab.Attribute("TabLabel").Արժեք + " | " +
                  "SharePointContentType: " + aTab.Attribute("SharePointContentType").Արժեք + " | " +
                  "AdditionalConstraints: " + aTab.Attribute("AdditionalConstraints").Արժեք + "\r";
          }

Իսկ վերը նշված, ի փոփոխական «theXmlToParse» - ը a string փոփոխական, բայց դուք կարող եք օգտվել այդ բեռը() մեթոդը մի հոսքի, եթե Ձեզ դուր է գալիս.

«Արդյունքները" - ը պիտակի վրա վեբ ձեւով եւ երբ կոդը իրականացնում, կարծես, այս:

SNAGHTML11cd2e7c

Ես չեմ մշակել, թե ինչպես տեսակավորելու արդյունքները դեռ, այնպես որ ես թողնում, որ ապագա օրագրում Գրառման դիտարկում.

</վերջ>

Անդամագրվել իմ բլոգում.

Գտեք Twitter-ում http://www.twitter.com/pagalvin