ટેગ આર્કાઇવ્ઝ: jQuery

XSLT અને jQuery નમૂનાઓ

2 જવાબો

હું 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

Lists.asmx, GetListItems અને ફોલ્ડર્સ

6 જવાબો

હું કોઇને માટે અમુક સંશોધન કરવાનું આજે કરવામાં આવી હતી list.asmx વેબ SharePoint ભાગ તરીકે પૂરી પાડવામાં આવેલ સેવા આસપાસ 2010 (પહેલાં અને).  તે માટે રુટ ફોલ્ડર પર યાદી વસ્તુઓ મળી આવી હતી (પેટા ફોલ્ડર્સ નામ સહિત), પરંતુ પેટા ફોલ્ડર્સ વસ્તુઓની ન મળી શકે છે.  હું કેટલાક internets પર આસપાસ જોઈ હતી અને તે આશ્ચર્યજનક રીતે સામાન્ય પ્રશ્ન છે.  હજુ સુધી, હું સરળ પ્રશ્ન માટે એક સારા જવાબ ન મળી શકે, "હું ફોલ્ડર ખબર હોય, હું કેવી રીતે ફોલ્ડર માં વસ્તુઓ મેળવી શકું?"  પ્રમાણિક હોઈ, હું જ્યારે માટે મારા પોતાના પર આ એક બહાર આકૃતિ ઇચ્છતા કર્યું ત્યારથી હું તે હાર્ડ પ્રયાસ કર્યો નથી સ્માઇલ.

આ સેટ કરવા માટે, હું "બ્લોગિંગ સ્થિતિ" અને "સબ ફોલ્ડર્સ સાથે વૈવિધ્યપૂર્ણ યાદી" નામનું વૈવિધ્યપૂર્ણ યાદી નામનું સાઇટ બનાવી છે.  હું પછી નામ આપવામાં આવ્યું ફોલ્ડર્સ બનાવનાર:

  • વર્ષ 2005
  • વર્ષ 2006
  • વર્ષ 2007

હું ફોલ્ડર "વર્ષ 2006" કરવા થોડીક વસ્તુઓ ઉમેરવામાં.  આ જેમ દેખાય છે:

image

મારો મિત્ર C # કોડ લખવા પરંતુ જાવા નો ઉપયોગ કરતું નથી, જેથી SOAP પરબિડીયું તે ખરેખર જરૂરી છે શું હતી.  કે વિચાર, હું jQuery એક બીટ લખ્યું હતું અને પછી વાસ્તવિક HTTP વાતચીત વિચાર ફીડલ વગાડનાર ઉપયોગ.

અહીં પ્રસ્તુત jQuery છે (તમે પેસ્ટ કરો / નકલ કરવા માંગો છો, તો હું નીચે કોડ નીચે નકલ):

image

તેઓ પ્રથમ કી બંને સમાવેશ થાય છે <queryOptions> અને <QueryOptions> નોડ.  બીજા કી છે કે <ફોલ્ડર> નોડ કે જે ક્લાઈન્ટ વપરાશ હોય છે કરવા માટે એક URL છે.

આ વિચાર બીજી રીતે હોઈ શકે છે, jQuery વાપરી રહ્યા હોય ત્યારે પણ આ મારા માટે સારી રીતે કામ કર્યું હતું,.

અહીં ઉપર માટે SOAP પરબિડીયું છે:

<soapenv:એન્વેલપ xmlns:soapenv =’HTTP:/// schemas.xmlsoap.org સાબુ / પરબિડીયું /’>                
  <soapenv:સંસ્થા>
    <GetListItems xmlns =’HTTP:/// schemas.microsoft.com sharepoint / / સાબુ’>
      <ખરાઉ>સબ ફોલ્ડર્સ સાથે વૈવિધ્યપૂર્ણ યાદી</ખરાઉ>
      <viewFields>  
        <ViewFields>
          <FieldRef નામ = 'શીર્ષક’ />
          <FieldRef નામ = 'EncodedAbsUrl’ />
        </ViewFields>
      </viewFields>
      <queryOptions>
        <QueryOptions>
          <ફોલ્ડર>HTTP://demoserver1/Blogging દૃશ્યો / યાદીઓ / સબ ફોલ્ડર્સ / વર્ષ 2006 સાથે વૈવિધ્યપૂર્ણ યાદી</ફોલ્ડર>
        </QueryOptions>
      </queryOptions>
    </GetListItems>
  </soapenv:સંસ્થા>
</soapenv:પરબીડિયું>

આ આસપાસ ઉદાહરણો અને ચર્ચા ઘણો મને જરૂર બધા એવું માનતા હતા કે દોરી <QueryOptions> અને એક ફોલ્ડર નામ સ્પષ્ટ કરો.  મારા માટે, હું બંને કામળો તે અંદર જરૂર <queryOptions> તેમજ માટે સંપૂર્ણપણે ગુણવત્તાવાળું URL નો ઉલ્લેખ <ફોલ્ડર> વનસ્પતિના મૂળ કે શાખા ઉપર ઊપડતી ગાંઠ.

અહીં jQuery AJAX સુયોજન છે:

$(દસ્તાવેજ).તૈયાર(કાર્ય() {
       soapEnv = હતો
           "<soapenv:એન્વેલપ xmlns:soapenv =’HTTP:/// schemas.xmlsoap.org સાબુ / પરબિડીયું /’> \
               <soapenv:સંસ્થા> \
                    <GetListItems xmlns =’HTTP:/// schemas.microsoft.com sharepoint / / સાબુ’> \
                       <ખરાઉ>સબ ફોલ્ડર્સ સાથે વૈવિધ્યપૂર્ણ યાદી</ખરાઉ> \
                       <viewFields> \
                           <ViewFields> \
                              <FieldRef નામ = 'શીર્ષક’ /> \
                              <FieldRef નામ = 'EncodedAbsUrl’ /> \
                          </ViewFields> \
                       </viewFields> \
                       <queryOptions> \
                         <QueryOptions> \
                           <ફોલ્ડર>http://demoserver1/Blogging દૃશ્યો / યાદીઓ / સબ ફોલ્ડર્સ / વર્ષ 2006 સાથે વૈવિધ્યપૂર્ણ યાદી</ફોલ્ડર> \
                         </QueryOptions> \
                       </queryOptions> \
                   </GetListItems> \
               </soapenv:સંસ્થા> \
           </soapenv:પરબીડિયું>";

</અંત>

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

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 ટિપ્પણી ફરજ પડી, બતાવ્યા:

image

 

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

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

</અંત>

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

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

છતાં વધુ jQuery–એક છબી ઉદાહરણ માપ બદલો

પ્રતિશાદ આપો

હું એક ક્લાઈન્ટ જૂના વિક્રેતા પાસેથી વારસામાં વેબ ભાગ છે અને તે ઇમેજ માપ સમસ્યા છે.  આ ઈમેજો 60 હોવું જોઈએ×50 પરંતુ કેટલાક વિચિત્ર કારણ, મૂળ વિક્રેતા તેમને 42 માં ફરજ પડી×42, જેથી તેઓ squashed જુઓ:

 

ગુડ છબી

ખરાબ છબી

અહીં માર્કઅપ છે (કંઈક અંશે સરળ):

<કોષ્ટક વર્ગ = 'વિસ્તૃત-Outlook'>
  <thead>
    <ટીઆર>
      <મી  '100 width =′>3 મંગળવાર</મી>
    </ટીઆર>
  </thead>

  <tbody>
    <ટીઆર વર્ગ = 'આગાહી'>
      <ટીડી પહોળાઈ = '100′>
        <સ્ટ્રીટ>
          <વર્ગ લિ = 'ઉચ્ચ'>હાઇ: 72&તમે;એફ</લિ>
          <લિ વર્ગ = 'નિમ્ન'>લો: 44&તમે;એફ</લિ>
          <લિ વર્ગ = 'પરિસ્થિતિ'>સન્ની
            <img src =’HTTP://deskwx.weatherbug.com/images/Forecast/icons/localized/60×50/en/trans/cond007.png’ '42 width =’ '42 = ઊંચાઈ’ alt =” />
          </લિ>
        </સ્ટ્રીટ>
      </ટીડી>
    </ટીઆર>

  </tbody>

</ટેબલ>

તમે નોંધ પડશે કે હોવા છતાં ઇમેજ પોતાને પાથ યોગ્ય પરિમાણ બતાવે છે (60×50) મૂળ વિક્રેતા તે 42 માં ફરજ પડી×42.  શા માટે?  ઉશ્કેરાયેલું.

કોઈપણ, હું એક ઝડપી અને સરળ આ મુદ્દાને ઉકેલ માગતા અને હું jQuery તરફ વળ્યા.  આ યુક્તિ યોગ્ય બધા સ્થિત હતું <img> ટૅગ્સ.  હું અન્ય img ટૅગ્સ સાથે વિશે છાણ નથી માંગો છો ન (જે ઘણા છે).  JQuery આ બીટ યુક્તિ હતી:

<સ્ક્રિપ્ટ પ્રકાર લખાણ = "/ JavaScript" src ="HTTP://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></લિપિ>

<સ્ક્રિપ્ટ પ્રકાર "લખાણ / JavaScript" =>
     $(દસ્તાવેજ).તૈયાર(કાર્ય () {

         $(‘li.condition > img ').દરેક(કાર્ય (અનુક્રમણિકા, બાબત)
            {
             $(બાબત).CSS("પહોળાઇ", "60"); 
             $(બાબત).CSS("ઊંચાઈ", "50");
            });
     }); // દસ્તાવેજ પર લોડ
</લિપિ>

કોડ કે બીટ સંગ્રહ શોધે છે <લિ> ટૅગ્સ વર્ગ જેની "શરત" છે અને <img> બાળકો.  તે પછી તે બધા મારફતે iterates.  એક વશીકરણ જેમ કામ કર્યું.

હું કદાચ તેને સુવ્યવસ્થિત કરી શકે છે, પરંતુ હું ક્યારેય હતો UNIX વ્યક્તિ જે પ્રકારનું છે કે π હલ માટે 18 અંકો ચોકસાઇ sed અને awk ઉપયોગ અને હું કે જે પ્રકારની જો jQuery વ્યક્તિ ક્યાં નથી સ્માઇલ.

</અંત>

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

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

તમારી ઠીક નિયંત્રણ લો અને બટનો રદ કરો

3 જવાબો

I wrote આ લેખ a while back, હું સમય પર મારા બ્લોગ પરથી લિંક ન હતી પરંતુ જેમ દેખાય છે, તેથી અહીં જાય છે:

image

આ લેખ તે રદ ક્લિક્સ જ્યારે વપરાશકર્તા ઠીક ક્લિક્સ અને એક અલગ પાનું ત્યારે newform.aspx એક પૃષ્ઠ પર રીડાયરેક્ટ માટે દબાણ કરવા માટે કેવી રીતે.

</અંત>

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

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

ઝડપી મદદ: MOSS પબ્લિશિંગ પાના માટે jQuery ઉમેરવાનું

1 જવાબ

JQuery મદદથી MOSS publising પૃષ્ઠો ઉન્નત ત્યારે, હું નીચે ઝડપ બમ્પ હિટ:

Server Error in ‘/’ અરજી.

પાર્સર ભૂલ

વર્ણન: એક ભૂલ આ વિનંતી સેવાઓ માટે જરૂરી સાધન ના પદચ્છેદન દરમિયાન આવી. નીચેના ચોક્કસ parse error વિગતો રીવ્યુ કરો અને યોગ્ય તમારી સ્રોત ફાઇલ સંશોધિત કરો.

પાર્સર ભૂલ સંદેશો: ફક્ત સામગ્રી નિયંત્રણો સામગ્રી નિયંત્રણો છે કે સામગ્રી પાનું સીધી મંજૂરી છે.

સોર્સ ભૂલ: 

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

સ્રોત ફાઇલ: /_catalogs / masterpage / KCC_FacultyMember.aspx    રેખા: 12

આવૃત્તિ માહિતી: માઈક્રોસોફ્ટ. ડોટ નેટ ફ્રેમવર્ક સંસ્કરણ:2.0.50727.4927; ASP.NET સંસ્કરણ:2.0.50727.4927

તેને ઠીક કરવા માટે પૂરતી સરળ હતી (H / ટી મારા સાથીદાર માટે, ઉદય Ethirajulu).  બતાવ્યા પ્રમાણે jQuery કોડ "PlaceHolderAdditionalPageHead" અંદર રહે છે કે નહીં તેની ખાતરી રાખો:

<નાનો ઝેરી સાપ:Content ContentPlaceholderID="PlaceHolderAdditionalPageHead" runat="server">

<લિપિ

    type="text/javascript"

    src="/jQuery/jquery-1.4.min.js">

</લિપિ>

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

  $(દસ્તાવેજ).તૈયાર(કાર્ય() {

   // તેજસ્વી jQuery સામગ્રી અહીં જાય છે.

   });

</લિપિ>

</અંત>

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

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