શ્રેણી આર્કાઇવ્ઝ: jQuery અને SharePoint

શેરપોઈન્ટ ઝડપી લૉંચ માં સંબંધિત URL ને સાથે નકામી સમસ્યા દૂર

I wanted to add a link to the quick launch navigation the other day and SharePoint told me:

Pure text version of that is:

Ensure that the URL is valid and begins with either a valid character (a number sign (#) or forward slash (/)) or a valid supported protocol (ઉદાહરણ માટે, ‘http://', ‘https://', ‘file://', ‘ftp://', ‘mailto:', ‘news:').

“Blech and pox!” I said.

A workaround to this is to use JavaScript to find a known link in the quick launch and override its behavior.

To test this, add a new link to your test site thusly:

I used jQuery. To solve it, get some JavaScript and jQuery onto the page using your favorite technique and with a line of code like this:

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

    $("એક:contains('Test URL replacement')").ક્લિક કરો(કાર્ય () { સજાગ("changed click behavior!"); પાછા ભૂલ ખવડાવનારું;});

});

And Bob’s your uncle.

The jQuery selector finds every <એક> tag that has “Test URL replacement” in its name. You may want to find-tune that depending on your link and such.

The .click(કાર્ય() overrides whatever SharePoint would have done when the user clicked. Make sure you “return false” or else it will do your stuff and then try to the href thing too, which is almost certainly not your goal.

This was done and test in a SharePoint online environment but should work well in 2010 and earlier too.

</અંત>

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

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

ઝડપી અને સરળ: "અમાન્ય URL પરિમાણ ઉકેલો” lists.asmx માં UpdateListItems સાથે સમસ્યા

1 જવાબ

When working with UpdateListItems via lists.asmx, it’s easy to generate the error:

Invalid URL Parameter.

The URL provided contains an invalid Command or Value. Please check the URL again.

You can get this error when you forget to include ID in the the list of fields to update. આ, like a lot of these SP web services, is a bit counterintuitive since you need to include the ID in the ID attribute of the <Method> element. And you’re not updated ID and probably never want to in the first place.

This SOAP envelope works:

<soapenv:એન્વેલપ xmlns:soapenv ='http://schemas.xmlsoap.org/soap/envelope/'>
  <soapenv:સંસ્થા>                      
    <UpdateListItems xmlns='http://schemas.microsoft.com/sharepoint/soap/'>                     
      <ખરાઉ>{C712E2EA-54E1-47AD-9D99-1848C7773E2F}</ખરાઉ>                     
        <updates>                     
         <Batch OnError="Continue">
          <Method ID="1" Cmd="Update">
            <Field Name="CooperativeLock">locked!</ક્ષેત્ર>
            <Field Name="ID">1</ક્ષેત્ર>
          </Method>
        </Batch>                     
        </updates>                
      </UpdateListItems>             
  </soapenv:સંસ્થા>         
</soapenv:પરબીડિયું>

If you strip out the ID field reference then you’ll get the annoying “Invalid URL parameter” message.

</અંત>

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

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

જાવાસ્ક્રિપ્ટ ગરીબ માણસ કેશીંગ

1 જવાબ

[TL;DR version: use cookies to store the results of async calls; render the results of past async calls immediately and then validate them after page-load.]

I’ve been working on SharePoint intranet site for a client that features, અન્ય વસ્તુઓ વચ્ચે, a stylized secondary navigation whose menu options are managed via a regular old custom list. The idea is that the client gets to control “their” site’s menu without affecting or being affected by the global navigation put out by IT.

(there is something incredibly subversive about adding a CEWP that points to an HTML file that loads some CSS and JS to fundamentally alter almost everything about a site’s behavior… but that’s for another post)

The code for this pretty simple:

Wait for the page to finish loading and make an async call to load up menu items from a list using REST or lists.asmx or whatever
Using jQuery, dynamically populate a bunch if <લિ>’s inside a parent <સ્ટ્રીટ> (see Christian Pinder’s article here for a simplistic explanation of this tecnnique)
Use CSS to do all the formatting
Profit!

The sore spot here is that every time anyone hits one of the site’s pages, that user’s web browser is reaching out to get items from the list. Once dev is complete and testing has proven things to be stable and complete, this call is unnecessary more than 99% of the time since the menu rarely changes. It also has a weird UI affect which is common in this brave new world of hyper-ajaxy web sites – the page renders and only then does the menu render. It’s jittery and distracting in my view. And jittery. તેથી, caching.

I modified the logic thusly:

Look for a cookie in the browser that contains the menu as I last read it

If found, render it immediately. Don’t wait for the page to finish loading. (You need to make sure your HTML is strategically placed here, but it’s not hard to do).

Wait for the page to finish loading and make an async call to load up menu items from a list using REST or lists.asmx or whatever
Compare what I got against the cookie

If it matches, STOP
અન્યથા, using jQuery, dynamically populate a bunch if <લિ>’s in a <સ્ટ્રીટ>

Use CSS to do all the formatting
Profit!

Some of you are going to say, “hey! there’s no real caching going on here since you’re reading the menu anyway every single time." And you’re right – I’m not giving the server any kind of break. But because the call is async and happens after the page’s initial HTML payload fully renders, it “feels” more responsive to the user. The menu renders pretty much as the page draws. If the menu happens to the change, the user is subjected to a jittery re-draw of the menu, but only that one time.

There are some ways to make this caching more effective and help out the server at the same time:

Put in a rule that the “cookie cache” is valid for a minimum of 24 hours or some other timeframe. As long as there is no expired cookie, use the cookie’s menu snapshot and never hit the server.

Well … that’s all that come to mind right now :).

If anyone has any clever ideas here I’d love to know them.

And lastly – this technique can be used for other stuff. This client’s page has a number of data-driven things on various pages, many of them changing relatively rarely (like once a week or once a month). If you target specific areas of functionality, you can give a more responsive UI by pulling content from the local cookie store and rendering immediately. It feels faster to the user even if you’re not saving the server any cycles. તમે આ કરી શકો છો save the server cycles by deciding on some conditions and triggers to invalidate this local cookie cache. That’s all situational and artsy stuff and really the most fun :).

</અંત>

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

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

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" કરવા થોડીક વસ્તુઓ ઉમેરવામાં. આ જેમ દેખાય છે:

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

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

તેઓ પ્રથમ કી બંને સમાવેશ થાય છે <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

Lists.asmx, GetList અને "કિંમત નલ કરી શકાતી નથી”

1 જવાબ

હું આજે શોધ્યું કે GetList() પદ્ધતિ lists.asmx વેબ સેવા કરવા માટે ખૂબ જ કાળજીપૂર્વક કહેવાય છે અથવા તે ભરેલું છે એક રહસ્યમય ફેંકવું "VALUE હોઈ નલ ન કરી શકો છો" અપવાદ (અને એમ ધારી રહ્યા છીએ રહ્યું તમે પણ ખરાબ સામાન્ય ભૂલ મેસેજ મળી શકે ભૂતકાળ, “Exception of type ‘Microsoft.SharePoint.SoapServer.SoapServerException’ હતી ફેંકી દે. ") વિશિષ્ટ રીતે, મને જાણવા મળ્યું કે તમે GetList પદ્ધતિ પર ઉપસર્ગ કોઇ પણ પ્રકારના ન આપી શકે છે. નીચેના jQuery સ્નીપેટ બિંદુ સમજાવે:

જો કે તમે આવું, વેબ સેવા આ પ્રમાણે "VALUE નલ કરી શકાતી નથી" સાથે પ્રતિક્રિયા ફીડલ વગાડનાર-HTTP ને ટ્રાન્સક્રિપ્ટ પૂરા પાડવામાં આવેલ:

<?XML આવૃત્તિ = "1.0" = એન્કોડિંગ "UTF-8"?>
<સાબુ:પરબીડિયું
     xmlns:સાબુ ="HTTP:/// schemas.xmlsoap.org સાબુ / પરબિડીયું /"
     xmlns:xsi = "HTTP://www.w3.org/2001/XMLSchema-instance"
     xmlns:xsd ="HTTP://www.w3.org/2001/XMLSchema">

<સાબુ:સંસ્થા>
    <સાબુ:દોષ>
      <faultcode>સાબુ:સર્વર</faultcode>
      <faultstring>
        Exception of type ‘Microsoft.SharePoint.SoapServer.SoapServerException’ હતી ફેંકાયા.
      </faultstring>
      <વિગત>
        <ભૂલ શબ્દમાળા xmlns ="HTTP:/// schemas.microsoft.com sharepoint / / સાબુ">
કિંમત નલ કરી શકાતી નથી.
        </errorstring>
      </વિગત>
    </સાબુ:દોષ>
</સાબુ:સંસ્થા>
</સાબુ:પરબીડિયું>

અલબત્ત, તમે કદાચ કે તમારા પોતાના પર "s0" પૂર્વગ નથી ઉમેરો કરશે, પરંતુ કેટલાક સાધનો આમ કહીને (ઇક્લિપ્સ જેવી).

આ બધી ગૂંચવણમાં મૂકે છે / નિરાશાજનક કારણ કે, અન્ય પદ્ધતિઓ ઉપસર્ગો સહન. દાખલા તરીકે, એ GetListCollection પદ્ધતિ છે જો તે prefixed કરવામાં આવી રહ્યું નથી દિમાગમાં નથી, પણ, જેમ કે "xyzzy" નોનસેન્સ ઉપસર્ગો સાથે:

આ "મૂલ્ય નથી હોઈ શકે નલ" lists.asmx સાથે એકદમ સામાન્ય લાગે છે, જેથી આસ્થાપૂર્વક આ વ્યક્તિ ભવિષ્યમાં બહાર મદદ કરશે.

</અંત>

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

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

છતાં વધુ 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

વૈશ્વિક પૉપ અપ સૂચન સિસ્ટમ અમલ

2 જવાબો

હું માટે એક લેખ લખ્યો હતો અપ www.sharepoint.briefing.com "શીર્ષકવૈશ્વિક પૉપ અપ સૂચન સિસ્ટમ અમલ." આ કાર્ય બરફ કારણે અને તેથી આગળ શાળા closings સંપર્કવ્યવહાર કરવા માટે એક સમુદાય કોલેજ માટે અમલમાં આવી હતી.

તે વૈવિધ્યપૂર્ણ યાદી વાપરે છે, કામ કરવા બૉક્સને શેરપોઈન્ટ વેબ સેવાઓ અને કેટલાક jQuery બહાર.

અહીં એક સતામણી છે: