Tag Archives: jQuery

XSLT եւ jQuery Օրինակներ

2 Գրառումներ

Ես անում շատ քան - XSLT եւ jQuery, եւ կարծում եմ, կցանկանայի կիսվել մի քանի հատվածներ, որոնք ուրիշները կարող է օգտակար լինել ապագայում:.

Օրինակ 1: Բուրել պարզ JavaScript տեխնոլոգիա: / jQuery - ին XSLT:

<xsl:Կաղապար խաղը = "something" XML Նամակ:տարածք = "պահպանել">

  <!– Դատարկ դուրս հարցման ընկերական զտում է թաքնված դաշտ –>
  <script type = "text / JavaScript">
    $(փաստաթուղթ).պատրաստ(ֆունկցիա(){
      $("# QueryFriendlyFilters").Val(«Դատարկ».);
    });
  </ձեռագիր>

</xsl:Կաղապար>

Դա քիչ emits որոշակի JavaScript տեխնոլոգիա, որը սպասում է էջի ավարտելու բեռնումը (պատճառով $(փաստաթուղթ).պատրաստ(...)) եւ հետո դնում արժեքը մի թաքնված դաշտի անունով QueryFriendlyFilters է գրական արժեքը, «դատարկ»..

Օրինակ 2: Օգտագործում <xsl:եթե> ծանոթացեք "մեծ",  «Պակաս»:, եւ այլն:.

<xsl:Կաղապար խաղը = "something" XML Նամակ:տարածք = "պահպանել">

  <div id = "fdcAllFilters">
 
    <xsl:եթե test = "@ Count>0">
      <span կարգի = "fdcFilterLabel">Ընթացիկ զտիչներ:</span>
    </xsl:եթե>

    <!– այլ իրեր կատարվում այստեղ:. –>

</xsl:Կաղապար>

Վերը պատառներ ստուգում է տեսնել, եթե հատկանիշը անվանել "Count" - ի "something է տարր ավելի մեծ է, քան զրո.  The XML ետեւում սա կլինի նման բան:"

<մի բան Count = "5" />

Օրինակ 3: Կրկնել բոլոր տարրերի, interspersing jQuery զանգեր.

<!– Կրկնել բոլոր ֆիլտրերի եւ ցուցադրել ճիշտ  հղումներ. –>
<xsl:համար, եւ յուրաքանչյուր ընտրում = "UserFilter է>

  <ա դասարան = "FilterHref" Ռաֆֆի Չ. = "JavaScript:mySubmitPage(‘RemoveUserFilter’,'{@ ID}')">[X]</ա>

  <span կարգի = "fdcFilterLabel"><xsl:արժեքը-of ընտրել = "@ FilterValue" /></span>

  <script type = "text / JavaScript">

    $(փաստաթուղթ).պատրաստ(ֆունկցիա(){
        <xsl:տեքստ><![CDATA[$("# QueryFriendlyFilters").Val( ($("# QueryFriendlyFilters").Val() + " ]]></xsl:տեքստ>\"<xsl:արժեքը-of ընտրել = "@ FilterValue" />\"<xsl:տեքստ><![CDATA["));]]></xsl:տեքստ>
    });

  </ձեռագիր>

</xsl:համար յուրաքանչյուր>

Վերը պատառներ է առավել բարդ եւ այնտեղ կարող է ավելի հեշտ եղանակներ դա անել.

The XML հետեւում է այս կոպիտ այսպիսի տեսք ունի:

<UserFilter ID = "123" FilterValue = "xyzzy" />

Այս պատառներ է iterating միջոցով: <UserFilter> հանգույցների համար. 

Այն առաջին emits մի խարիսխ հատկորոշիչը որ կտտացրել վկայակոչում է Դեկտեմբեր գործառույթ, որը արդեն Էջ, «MySubmitPage" եւ անցնում արժեքը որեւէ հատկանիշի վրա <UserFilter> ուռուցք անվանեց "ID". 

Այն ժամանակ emits որոշակի jQuery, որ սպասում է էջը բացելու համար:  Այդ jQuery թարմացումները մի թաքնված դաշտային անունով "QueryFriendlyFilters" ավելացնելով արժեքը, որը FilterValue հատկանիշի.  Նշենք, բոլոր խենթ <xsl:տեքստ> իսկ <![CDATA[ ... ]]> նյութեղեն.

Ահա այն, Հուսով այն օգնում է!

</վերջ>

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

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

Lists.asmx, GetListItems եւ Թղթապանակներ

6 Գրառումներ

Ես անում մի հետազոտության մեկին: Այսօր ամբողջ list.asmx ինտերնետային ծառայության տրամադրած որպես Sharepoint 2010 (եւ վաղ).  Նա կարողանում էր ստանալ ցանկ տարրեր է սկզբնական թղթապանակը (այդ թվում անուններով ենթահաշիվների թղթապանակների), բայց չէր կարողանում ստանալ տարրերի ենթահաշիվների պահոցներ.  Ես էլ նայում եմ վրա internets, եւ դա զարմանալիորեն սովորական հարցի շուրջ.  Դեռ, Ես չէի կարող ստանալ լավ պատասխան այն պարզ հարցին,, «Եթե ես գիտեմ, որ թղթապանակը, Ինչպես կարող եմ ստանալ իրերը է թղթապանակում?"  Ճիշտն ասած, Չեմ փորձել, որ դժվար է, քանի որ ես ուզում թիվ այս մեկը, որ մենակ մի քիչ ժպիտ.

Համար: Այս է, Ես ստեղծել կայքը անունով է Բլոգերներ սցենար »եւ մաքսային ցուցակի անունով" Custom ցանկ հետ, ենթաօրենսդրական պանակները ".  Ես ստեղծել պանակները անվան:

  • Տարի 2005
  • Տարի 2006
  • Տարի 2007

Ես ավելացրել է մի քանի տարրեր պանակը "2006".  Սա կարծես:

image

Ընկերս չի գրում C # կոդը, այլ, օգտագործելով java մասին, ուստի Օճառ ծրար էր, որ նա, իրոք, կարիք ունի:  Ստանալու համար, թե, Ես գրեցի մի քիչ jQuery, ապա կիրառվում ջութակահար է ստանալ փաստացի հաղորդագրությունները http զրույց.

Ահա համապատասխան jQuery (Ես պատճենահանված կոդը իջնում ​​ներքեւ, եթե ցանկանում եք պատճենել / կպցնել):

image

Նրանք առաջին հերթին կարեւոր է նաեւ այնպես, որ <queryOptions> իսկ <QueryOptions> հանգույց.  Երկրորդ բանալին այն է, որ <Թղթապանակ> ուռուցք է հղում, որը հաճախորդը կարող է օգտվել.

Կարող են լինել նաեւ այլ տարբերակներ, որպեսզի այդ, սակայն աշխատել է նաեւ ինձ համար, երբ, օգտագործելով jQuery.

Ահա Օճառ ծրար, որ վերը նշված:

<soapenv:Ծրարի xmlns:soapenv =’http :/://schemas.xmlsoap.org / օճառ / ծրար /’>                
  <soapenv:Մարմին>
    <GetListItems xmlns =’http :/://schemas.microsoft.com / Sharepoint / օճառ /’>
      <listname>Custom List է ենթաօրենսդրական Թղթապանակներ</listname>
      <viewFields>  
        <ViewFields>
          <FieldRef Անունը = 'Վերնագիր’ />
          <FieldRef Անունը = 'EncodedAbsUrl’ />
        </ViewFields>
      </viewFields>
      <queryOptions>
        <QueryOptions>
          <Թղթապանակ>http :/://demoserver1/Blogging Սցենարները խմբին ցուցակները խմբին Custom ցուցակ հետ, ենթաօրենսդրական Թղթապանակներ / տարի 2006 թ.</Թղթապանակ>
        </QueryOptions>
      </queryOptions>
    </GetListItems>
  </soapenv:Մարմին>
</soapenv:Ծրար>

Շատ օրինակներ եւ քննարկումների շուրջ: Այս պատճառով ես կարծում եմ, որ ինձ հարկավոր էր, <QueryOptions> եւ նշեք թղթապանակը անունը.  Ինձ համար, Ես ուզում եմ, այնպես էլ փաթեթավորեք հաղորդագրությունները It ներսում <queryOptions> ինչպես նաեւ նշեք URL-լիովին որակյալ համար <Թղթապանակ> հանգույց.

Ահա jQuery AJAX կարգավորում:

$(փաստաթուղթ).պատրաստ(ֆունկցիա() {
       եղել soapEnv =
           "<soapenv:Ծրարի xmlns:soapenv =’http :/://schemas.xmlsoap.org / օճառ / ծրար /’> \
               <soapenv:Մարմին> \
                    <GetListItems xmlns =’http :/://schemas.microsoft.com / Sharepoint / օճառ /’> \
                       <listname>Custom List է ենթաօրենսդրական Թղթապանակներ</listname> \
                       <viewFields> \
                           <ViewFields> \
                              <FieldRef Անունը = 'Վերնագիր’ /> \
                              <FieldRef Անունը = 'EncodedAbsUrl’ /> \
                          </ViewFields> \
                       </viewFields> \
                       <queryOptions> \
                         <QueryOptions> \
                           <Թղթապանակ>http://demoserver1/Blogging Սցենարները խմբին ցուցակները խմբին Custom ցուցակ հետ, ենթաօրենսդրական Թղթապանակներ / տարի 2006 թ.</Թղթապանակ> \
                         </QueryOptions> \
                       </queryOptions> \
                   </GetListItems> \
               </soapenv:Մարմին> \
           </soapenv:Ծրար>";

</վերջ>

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

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

Անվերջ nesting <div> Tags եւ jQuery

Թողնել պատասխան

Սա կարծես այդպիսի oddball թեմա, Վստահ չեմ, որ դա իրոք արժե բլոգերներ մասին, բայց դա երբեք չի դադարել էր ինձ համար:, այնպես որ այստեղ ենք ժպիտ

Ես աշխատում է մի նախագծի, որտեղ ես եմ քաշվել որոշ տվյալներ է որոնում, Փաթեթավորման այն վերածել XML հաղորդագրությունը, ապա այդ մասին XML Նամակ հարցը վերջնականապես վերածվել HTML միջոցով XSLT.  Կա մի շատ jQuery մեջ, մի քիչ, որոնք իրականացնում են tabbing ֆունկցիոնալությունը.  Երբ սեղմում է էջանիշը (իրոք, ա <div>), jQuery վկայակոչում. թաքցնել() եւ շոու() տարբեր DIVS (նախնական էջը բեռը ներլցումներ բոլոր բովանդակությունը այնպես չկան postbacks այս դեպքում).

Մի փունջ ժամ առաջ, պիտակը անցումը տրամաբանությունը սկսեց վարվել erratically եւ այն չի ցույց մեկը իմ թարգմանությունը.  Ես վերջնականապես առ այն, որ Internet Explorer-ի (առնվազն) կարծում է, որ <div> tags nested հեռու, շատ խորն է, քան intended.The մշակողի գործիքների ցույց տալ:

-<div մականունը = "Tab1Content">
  -<div>
    -<div>
      -<div մականունը = "Tab2Content">
        -<div>
           ..............................
                   </div>  <- Վերջապես ցուցադրում է փակվել ամբողջ ճանապարհը ներքեւ այստեղ!

Այնքան, եթե ես մի $("# Tab1Content").թաքցնել(), Ես էլ թաքցնում Tab2 եւ ես երբեք չեմ կարող ցույց տալ Tab2, եթե ես չեմ էլ ցույց Tab1.  Ես պատճենահանված եւ pasted կոդը մինչեւ մեջ Visual Studio եւ այն ցույց տվեց, բոլորը ձեզ հետ պաստառում մինչեւ լավ, ճիշտ այնպես, ինչպես նրանք պետք է անում, փնտրում նման:

-<div մականունը = "Tab1Content">
  +<div>
  +<div>
-<div մականունը = "Tab2Content">
  +<div>
  +<div>

Ես ծեծում իմ գլուխը դեմ պատի մի որոշ ժամանակ, եւ նկատեց, որ բուն HTML կոդը հանձնարարված էր արտադրող մի շատ դատարկ է <div> Tags, նման:

<մարմին>

  <div մականունը = "Tab1Content">

    <div մականունը = "row1" />
    <div մականունը = "row2" />

  </div>

  <div մականունը = "Tab2Content">

    <div մականունը = "row1" />
    <div մականունը = "row2" />

  </div>

</մարմին>

(Վերը նշված է waaaaaaaaaaaay oversimplified.  Դատարկ div tags ամբողջովին ուժի մեջ. Իմ մի քանի <div> tags լիքն էին բովանդակության, բայց շատ ավելին էին, ոչ.  Եկա իրականացմանը, որ իմ <xsl:համար յուրաքանչյուր> դիրեկտիվներ, որոնք emitting կարճ ձեւը DIV տեգերը, երբ xsl:համար յուրաքանչյուր չեն, գտնել որեւէ տվյալներ.  Ես ստիպված մի օրերի մեկնաբանել է արտադրանքի, ինչպես ցուցադրված է:

image

 

Դրանից հետո ես, որ, բոլոր div է կնճռոտ լավ ու թերթ անցումը սկսել է աշխատել.

Ինչպես միշտ, Հուսով եմ, որ դա օգնում է մեկին մի պտղունց.

</վերջ>

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

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

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

Վերահսկել Ձեր հաղորդագրությունները OK, եւ Ինձ Կոճակներ

3 Գրառումներ

Գրեցի այս հոդվածը ժամանակ հետ, բայց կարծես չէի կապել դրա իմ բլոգում ժամանակ, որ այստեղ է անցնում:

image

Այս հոդվածը բնութագրում է ինչպես ստիպել newform.aspx ուղղորդելու մեկ էջին, երբ օգտագործողը կտտացնում OK ու մի ուրիշ էջ երբ clicks չեղարկել.

</վերջ>

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

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

Quick Հուշում: Ավելացնելով jQuery - ից MOSS Հրատարակումներ Էջեր

1 Պատասխանել

Երբ ընդլայնելու MOSS publising էջերի միջոցով jQuery, Ես Դուք հետեւյալ արագությամբ Bump:

Server Error in ‘/’ Դիմում.

Անալիզատորը Error

Նկարագրություն: Սխալ է տեղի ունեցել ընթացքում քերականական վերլուծություն տվյալ ռեսուրսի պահանջվում է սպասարկի այդ խնդրանքը. Խնդրում ենք հետեւյալ կոնկրետ վերլուծել սխալի մանրամասները եւ փոփոխությունները Ձեր կոդով ֆայլի համապատասխան.

Անալիզատորը Error Message: Միայն Բովանդակության վերահսկում թույլատրվում ուղղակի մի բովանդակության էջի պարունակող բովանդակության ստուգումները.

Source Error: 

 
Line 10: 
Line 11: 
Line 12: <script 
Line 13:     type="text/javascript" 
Line 14:     src="/jQuery/jquery-1.4.min.js">

Source File: /_catalogs խմբին masterpage / KCC_FacultyMember.aspx    Գիծ: 12

Տարբերակ Տեղեկություն: Microsoft. NET Framework-KAYQ.com:2.0.50727.4927; ASP.NET Version:2.0.50727.4927

Այն հեշտ բավական է ամրագրել (ը / t իմ գործընկեր, Uday Ethirajulu).  Համոզվեք, որ jQuery կոդը ապրում ներսում է, «ինչպես ցույց է տրված PlaceHolderAdditionalPageHead:

<իժ:Content ContentPlaceholderID = "PlaceHolderAdditionalPageHead" runat = "սերվեր»>

<ձեռագիր

    type = "text / JavaScript"

    Բացել Դուք »/ jQuery/jquery-1.4.min.js է>

</ձեռագիր>

<script type = "text / JavaScript">

  $(փաստաթուղթ).պատրաստ(ֆունկցիա() {

   // Brilliant jQuery իրեր տեղադրեք այստեղ.

   });

</ձեռագիր>

</վերջ>

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

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