શ્રેણી આર્કાઇવ્ઝ: XSLT

XSLT અને jQuery નમૂનાઓ

હું XSLT અને jQuery ના ઘણો કરી અને હું અન્ય ભવિષ્યમાં ઉપયોગી શોધી શકો છો કે જે થોડા સ્નિપેટ્સ શેર કરશો માનવામાં આવી છે.

ઉદાહરણ 1: સરળ જાવાસ્ક્રિપ્ટ સ્રાવ બહાર કાઢે છે / XSLT માં jQuery:

<xsl:template match="something" XML:space="preserve">

<!– જો આ ક્વેરી કરો મૈત્રીપૂર્ણ ફિલ્ટર્સ છુપાયેલા ક્ષેત્ર બહાર ખાલી –>
<સ્ક્રિપ્ટ પ્રકાર "લખાણ / JavaScript" =>
    $(દસ્તાવેજ).તૈયાર(કાર્ય(){
      $("#QueryFriendlyFilters").વાલ("empty");
    });
</લિપિ>

</xsl:નમૂનો>

છે કે જે બીટ લોડ થઇ રહ્યું છે કરવાનું સમાપ્ત કરવા માટે જો આ પાનું માટે રાહ જુએ છે છે કે જે કેટલાક JavaScript ને સ્રાવ બહાર મોકલે છે (જો આ ઓફ કારણ કે $(દસ્તાવેજ).તૈયાર(...)) અને તે પછી "ખાલી" જો આ શાબ્દિક બજારમૂલ્ય કરવા માટે QueryFriendlyFilters નામ આપવામાં આવ્યું મેટલ એક છુપાયેલા ક્ષેત્ર ઓફ છે જો કિંમત સુયોજિત કરે છે.

ઉદાહરણ 2: વાપરવું <xsl:જો> "વધારે કરતાં" તપાસો કરવા માટે, "ઓછી કરતાં", વગેરે.

<xsl:template match="something" XML:space="preserve">

<div id="fdcAllFilters">

    <xsl:if test="@Count>0">
      <span class="fdcFilterLabel">વર્તમાન ફિલ્ટર્સ:</વેંત>
    </xsl:જો>

    <!– વધુ સામગ્રી અહીં શું થાય. –>

</xsl:નમૂનો>

આ ઉપર સ્નિપેટ જો આ કે "કંઈક" તત્વ ઓફ "ગણક" નામ આપવામાં આવ્યું કોઈ વિશેષતા શૂન્ય કરતાં મોટી માત્રામાં હોય છે, જો જોવા માટે ચકાસે છે. તો આ પાછળ છે કે XML કંઈક જેવા જ હોઇ હોત:"

</ કંઈક ગણક = "5">

ઉદાહરણ 3: બધા તત્વો મારફતે ફરી વળવું, jQuery કોલ્સ interspersing.

<!– બધા ગાળકો દ્વારા ફરી વળવું અને યોગ્ય પ્રદર્શિત કડીઓ. –>
<xsl:for-each select="UserFilter">

<a class="FilterHref" href="javascript:mySubmitPage(‘RemoveUserFilter’,'{@ આઈડી}')">[X]</એક>

<span class="fdcFilterLabel"><xsl:value-of select="@FilterValue"/></વેંત>

<સ્ક્રિપ્ટ પ્રકાર "લખાણ / JavaScript" =>

    $(દસ્તાવેજ).તૈયાર(કાર્ય(){
        <xsl:પાઠ><![CDATA[$("#QueryFriendlyFilters").વાલ( ($("#QueryFriendlyFilters").વાલ() + " ]]></xsl:પાઠ>\"<xsl:value-of select="@FilterValue"/>\"<xsl:પાઠ><![CDATA["));]]></xsl:પાઠ>
    });

</લિપિ>

</xsl:-દરેક માટે>

ઉપર સ્નિપેટ અત્યંત જટિલ છે અને તે કરવા માટેના સરળ માર્ગો પણ હોઈ શકે છે.

આ પાછળ XML લગભગ આ જેવી લાગે છે:

<UserFilter આઈડી = "123" FilterValue = "xyzzy" />

આ સ્નીપેટ વારો છે <વપરાશકર્તા ફિલ્ટર> ગાંઠો.

તે પ્રથમ જ્યારે ક્લિક પૃષ્ઠ પર પહેલેથી જ છે કે જે જાવાસ્ક્રિપ્ટ કાર્ય આહવાન કે જે એન્કર ટૅગ બહાર કાઢે છે, "MySubmitPage" અને એક લક્ષણની કિંમત પસાર <વપરાશકર્તા ફિલ્ટર> "ID" નામ આપવામાં આવ્યું નોડ.

તે પછી પાનું લોડ કરવા માટે રાહ જુએ છે કે કેટલાક jQuery બહાર કાઢે છે. કે jQuery સુધારાઓ FilterValue લક્ષણની કિંમત ઉમેરીને "QueryFriendlyFilters" નામના છૂપા ક્ષેત્ર. બધા ક્રેઝી નોંધ <xsl:પાઠ> અને <![CDATA[ ... ]]> સામગ્રી.

આ તે છે, તે મદદ કરે છે આશા!

</અંત>

મારા બ્લોગ પર સબ્સ્ક્રાઇબ કરો.

Twitter પર મને ખાતે અનુસરો http://www.twitter.com/pagalvin

સતત માળો <div> ટૅગ્સ અને jQuery

પ્રતિશાદ આપો

આ પ્રકારના oddball વિષય જેવા લાગે છે, મને ખાતરી છે કે તે ખરેખર વર્થ વિશે બ્લોગિંગ છે નથી, પરંતુ તે પહેલાં મને ક્યારેય બંધ રહ્યું, તેથી અહીં અમે જાઓ સ્માઇલ

હું એક પ્રોજેક્ટ જ્યાં હું શોધ અમુક માહિતી ખેંચીને વધી પર કામ વધી, તે પેકેજીંગ સુધી એ XML સંદેશ અને પછી તે એક્સએમએલ આખરે XSLT મારફતે કરવામાં આવે છે HTML માં ફેરવી. ત્યાં jQuery ઘણો સામેલ છે, જે એક બીટ કેટલાક tabbing વિધેય અમલીકરણ. જ્યારે તમે ટેબ પર ક્લિક કરો (ખરેખર, એક <div>), jQuery આહવાન. સંતાડો() અને શો.() વિવિધ divs પર (પ્રારંભિક પૃષ્ઠ લોડ બધી સામગ્રી ડાઉનલોડ તેથી આ કિસ્સામાં કોઈ postbacks છે).

કલાક એક ટોળું પહેલા, ટેબ પર સ્વિચ કરવા માટે તર્ક વિચિત્ર રીતે વર્તે શરૂ કર્યું અને તેને એક મારા ટેબો નથી બતાવવા આવશે. હું આખરે તે ટ્રેક હકીકત એ છે કે Internet Explorer ને નીચે (ઓછામાં ઓછું) વિચાર્યું કે જે <div> ટૅગ્સ સુધી પુનરાવર્તિત, અત્યાર સુધી intended.The ડેવલપર ટૂલબાર કરતાં ઊંડા બતાવવા કરશે:

-<div ID = "Tab1Content">
-<div>
    -<div>
      -<div ID = "Tab2Content">
        -<div>
           ..............................
                   </div> <-છેલ્લે દર્શાવે છે તે બધી રીતે અહીં નીચે બંધ આવ્યો હતો!

તેથી, જો હું નહોતો $("# Tab1Content").ખાલ(), હું પણ Tab2 છુપાવો અને કરશો હું Tab2 ક્યારેય બતાવશો તો હું પણ Tab1 દર્શાવતો નથી શકે છે. મને નકલ અને પેસ્ટ કોડ અપ વિઝ્યુઅલ સ્ટુડિયો અને તે div અસ્તર તમામ દર્શાવ્યું અપ સાવધાનીપૂર્વક, જેમ તેઓ કરી શકાય રહેવા આવ્યા હતા, આ જેમ જોઈ:

-<div ID = "Tab1Content">
+<div>
+<div>
-<div ID = "Tab2Content">
+<div>
+<div>

હું જ્યારે માટે દિવાલ સામે મારા માથા હરાવ્યું અને સૂચન છે કે જે વાસ્તવિક HTML કોડ ખાલી ઘણો પેદા કરવામાં આવી હતી <div> ટૅગ્સ, જેમ કે:

<સંસ્થા>

<div ID = "Tab1Content">

    <div ID = "ROW1" />
    <div ID = "ROW2" />

</div>

<div ID = "Tab2Content">

    <div ID = "ROW1" />
    <div ID = "ROW2" />

</div>

</સંસ્થા>

(ઉપર સરળ પર waaaaaaaaaaaay છે. ખાલી div ટૅગ્સ સંપૂર્ણપણે માન્ય છે. મારા કેટલાક <div> ટૅગ્સ સામગ્રી સંપૂર્ણ હતા, હતા, પરંતુ નથી વધુ છે. હું વસૂલાત માટે આવ્યો કે મારી <xsl:-દરેક માટે> ડાઈરેક્ટીવો ટૂંકા સ્વરૂપમાં div ટૅગ્સ બહાર કાઢવા હતા જ્યારે xsl:માટે દરેક કોઇપણ માહિતી શોધી હતી. હું આઉટપુટ માં એક HTML ટિપ્પણી ફરજ પડી, બતાવ્યા:

પછી હું હતી, તમામ div અપ પાકા રહ્યું સાવધાનીપૂર્વક અને મારા ટેબ સ્વિચિંગ કામ શરૂ.

હંમેશની જેમ, મને આશા છે કે આ એક ચપટી કોઇને મદદ કરે છે.

</અંત>

મારા બ્લોગ પર સબ્સ્ક્રાઇબ કરો.

Twitter પર મને ખાતે અનુસરો http://www.twitter.com/pagalvin

ઉદાહરણ: XSLT બનાવી એચટીએમએલ માતાનો Href

1 જવાબ

હું XSL સામગ્રી એક બીટ દેવામાં કર્યું તાજેતરમાં કરવાનું વિચાર્યું છે અને હું મારી સાથે ભવિષ્યના સંદર્ભ માટે નમૂના રજૂ કરશો અને તે અમને XSLT-ERS તમામ internets માં વસવાટ કરો છો બનાવવા માટે મૂલ્ય હોઈ શકે છે.

નીચેના XML ધ્યાનમાં:

<FdcSearchTabsCollection ગણક = "2">
<SearchTab લેબલ = "ઉદ્યોગ" સૉર્ટ કરો ઓર્ડર = "00" લેબલ = "ઈન્ડસ્ટ્રીઝ" SearchConstraints = "સામગ્રી પ્રકાર:ઉદ્યોગ" TabID = "831b2a74-98c4-4453-8061-86e2fdb22c63" />
<SearchTab લેબલ = "પ્રયાસો" SortOrder = "01" લેબલ = "પદ્ધતિઓ" SearchConstraints = "contenttype:PracticeGroups" TabID = "678e206b-6996-421f-9765-b0558fe1a9c0" />
</FdcSearchTabsCollection>

નીચેના XSL સ્નીપેટ hrefs ટેબો એક સોર્ટ યાદી પેદા કરશે:

<xsl:નમૂનો મેળ = "FdcSearchTabsCollection" XML:space="preserve">

    <!– "બધા" ટેબ –>
    <એક href = "જાવાસ્ક્રિપ્ટ:ViewTab('બધું')">બધા જુઓ</એક>

    <!– દરેક વ્યક્તિગત ટેબ –>
    <!– બધી ટેબો મારફતે ભારપૂર્વક કહેવું અને યોગ્ય દર્શાવવા કડીઓ. –>
    <xsl:માટે દરેક = "SearchTab" પસંદ>
      <xsl:સૉર્ટ પસંદ કરો = "@ SortOrder" />

      …
      <એક href = "જાવાસ્ક્રિપ્ટ:ViewTab('{@ TabID}')"><xsl:પસંદ કરો = "@ લેબલ" ની કિંમત /></એક>
    </xsl:-દરેક માટે>

    </ બીઆર>


   </xsl:નમૂનો>

અહીં છે તે શું SharePoint જેવા દેખાય છે:

</અંત>

મારા બ્લોગ પર સબ્સ્ક્રાઇબ કરો.

Twitter પર મને ખાતે અનુસરો http://www.twitter.com/pagalvin