tag சென்னை: jQuery

எக்ஸ்எஸ்எல்டி மற்றும் jQuery மாதிரிகளும்

2 பதில்கள்

நான் எக்ஸ்எஸ்எல்டி மற்றும் jQuery பற்றிய நிறைய செய்து நான் மற்றவர்கள் எதிர்காலத்தில் பயனுள்ளதாக இருக்கும் என்று ஒரு சில துணுக்குகளை பகிர்ந்து நினைத்தேன்.

உதாரணம் 1: எளிய ஜாவாஸ்கிரிப்ட் வெளியிடுவதில்லை / எக்ஸ்எஸ்எல்டி உள்ள jQuery:

<XSL:template match="something" எக்ஸ்எம்எல்:space="preserve">

  <!– கேள்வி நட்பு வடிகட்டிகள் மறைக்கப்பட்ட துறையில் அவுட் வெற்று –>
  <script type="text/javascript">
    $(ஆவணம்).தயார்(செயல்பாடு(){
      $("#QueryFriendlyFilters").Val("empty");
    });
  </ஸ்கிரிப்ட்>

</XSL:டெம்ப்ளேட்டை>

அந்த பிட் ஏற்றுதல் முடிக்க பக்கம் காத்திருந்து சில ஜாவாஸ்கிரிப்ட் வெளிப்படுத்தினாலும் (ஏனெனில் $(ஆவணம்).தயார்(...)) பின்னர் "வெற்று" உண்மையான மதிப்பு QueryFriendlyFilters என்ற மறைக்கப்பட்ட புலம் மதிப்பு அமைக்கிறது.

உதாரணம் 2: பயன்படுத்த <XSL:என்றால்,> "அதிகமான" சரிபார்க்க,  "குறைவான", முதலியன.

<XSL:template match="something" எக்ஸ்எம்எல்:space="preserve">

  <div id="fdcAllFilters">
 
    <XSL:if test="@Count>0">
      <span class="fdcFilterLabel">தற்போதைய வடிகட்டிகள்:</span>
    </XSL:என்றால்,>

    <!– மேலும் பொருட்கள் இங்கே நடக்கிறது. –>

</XSL:டெம்ப்ளேட்டை>

மேலே துணுக்கை "ஒன்று" கூறு "கவுண்ட்" என்ற கற்பிதம் பூஜ்ஜியத்தை விட அதிகமாக உள்ளது என்பதை சரிபார்க்கிறது.  இந்த பின்னணியில் எக்ஸ்எம்எல் ஒன்று போல் இருக்கும்:"

</ ஏதோ கவுண்ட் = "5">

உதாரணம் 3: அனைத்து உறுப்புகள் மூலம் மீண்டும் கூறு, jQuery அழைப்புகள் interspersing.

<!– அனைத்து வடிப்பான்களையும் மூலம் மீண்டும் கூறு மற்றும் சரியான காட்ட  இணைப்புகள். –>
<XSL:for-each select="UserFilter">

  <a class="FilterHref" href="javascript:mySubmitPage(‘RemoveUserFilter’,'{@ ஐடி}')">[எக்ஸ்]</ஒரு>

  <span class="fdcFilterLabel"><XSL:value-of select="@FilterValue"/></span>

  <script type="text/javascript">

    $(ஆவணம்).தயார்(செயல்பாடு(){
        <XSL:உரை><![CDATA[$("#QueryFriendlyFilters").Val( ($("#QueryFriendlyFilters").Val() + " ]]></XSL:உரை>\"<XSL:value-of select="@FilterValue"/>\"<XSL:உரை><![CDATA["));]]></XSL:உரை>
    });

  </ஸ்கிரிப்ட்>

</XSL:-ஒவ்வொரு>

மேலே துணுக்கை மிகவும் சிக்கலான மற்றும் அதை செய்ய எளிதாக வழிகள் இருக்கலாம்.

இந்த பின்னணியில் எக்ஸ்எம்எல் தோராயமாக இந்த தெரிகிறது:

<UserFilter ஐடி = "123" FilterValue = "xyzzy" />

இந்த துணுக்கை வழியே தேடி <பயனர் வடிகட்டி> முனைகளில். 

அது முதல் சொடுக்கும் போது பக்கத்தில் ஏற்கனவே ஒரு ஜாவாஸ்கிரிப்ட் செயல்பாடு செயல்பட ஒரு நங்கூரம் tag வெளிப்படுத்தினாலும், "MySubmitPage" மற்றும் ஒரு கற்பித மதிப்பு மரணம் <பயனர் வடிகட்டி> "ஐடி" என்ற முனை. 

அது பக்கம் ஏற்ற காத்திருக்கும் சில jQuery வெளியிடுகின்றன.  என்று jQuery மேம்படுத்தல்கள் FilterValue கற்பிதத்தின் மதிப்பு சேர்ப்பதன் மூலம் "QueryFriendlyFilters" என்று பெயரிடப்பட்ட ஒரு மறைக்கப்பட்ட புலத்தில்.  அனைத்து பைத்தியம் குறிப்பு <XSL:உரை> மற்றும் <![CDATA[ ... ]]> பொருள்.

அவ்வளவு தான், இது உதவியாக இருக்கும் என நம்புகிறோம்!

</இறுதியில்>

என்னுடைய குழுசேர்.

மணிக்கு ட்விட்டரில் என்னை பின் http://www.twitter.com/pagalvin

Lists.asmx, GetListItems மற்றும் கோப்புறைகள்

6 பதில்கள்

நான் ஷேர்பாயிண்ட் பகுதியாக வழங்கப்படும் list.asmx வலை சேவை சுற்றி இன்று யாரோ சில ஆராய்ச்சி செய்து கொண்டிருந்தேன் 2010 (மற்றும் முந்தைய).  அவள் மூல கோப்புறையில் உள்ள பட்டியலில் பொருட்களை பெற முடிந்தது (துணை கோப்புறைகளை பெயர்கள் உட்பட), ஆனால் துணை கோப்புறைகளை உள்ள பொருட்களை பெற முடியவில்லை.  நான் சில internets அன்று சுற்றி பார்க்க மற்றும் அது ஒரு ஆச்சரியமான பொதுவான கேள்வி.  இன்னும், நான் எளிய கேள்விக்கு ஒரு நல்ல பதில் கிடைக்கும் முடியவில்லை, "நான் கோப்புறையை தெரிந்தால், எப்படி நான் கோப்புறையில் பொருட்கள் கிடைக்கும்?"  நேர்மையானவர், நான் ஒரு போது என் சொந்த இந்த ஒரு கண்டுபிடிக்க வேண்டும் என்று நினைத்தேன் பின்னர் நான் அந்த கடின முயற்சி செய்யவில்லை ஸ்மைல்.

இந்த அமைக்க, நான் "பிளாக்கிங் சூழல்கள்" மற்றும் "உப அடைவுகள் உடன் தனிபயன் பட்டியல்" என்று பெயரிடப்பட்ட ஒரு தனிபயன் பட்டியலில் பெயர் ஒரு தளம் உருவாக்கப்பட்டது.  நான் என்ற கோப்புறைகளை உருவாக்கப்பட்ட:

  • ஆண்டு 2005
  • ஆண்டு 2006
  • ஆண்டு 2007

நான் கோப்புறை "இயர் 2006" ஒரு சில உருப்படிகள் சேர்க்கப்பட்டன.  இது போல் தான்:

image

என் நண்பர் சி # குறியீட்டை எழுதி மாறாக ஜாவா பயன்படுத்தி இல்லை, எனவே SOAP உறை உண்மையில் அவள் தேவை என்ன.  அந்த பெற, நான் jQuery ஒரு பிட் எழுதி பின்னர் உண்மையான HTTP உரையாடல் பெற fiddler பயன்படுத்தப்படும்.

இங்கே பொருத்தமான jQuery தான் (நீங்கள் ஒட்டவும் / நகலெடுக்க விரும்பினால் நான் கீழே குறியீடு கீழே நகலெடுக்க):

image

அவர்கள் முதல் முக்கிய ஒரு இரண்டையும் உள்ளடக்கியதாக இருக்கிறது <queryOptions> மற்றும் <QueryOptions> முனை.  இரண்டாவது முக்கிய என்று <கோப்புறை> முனை இது வாடிக்கையாளர் அணுகக்கூடிய ஒரு URL ஐ தான்.

இந்த பெற வழிகள் இருக்கலாம், jQuery பயன்படுத்தும் போது ஆனால் இந்த எனக்கு நன்றாக வேலை.

இங்கே மேலே சோப் உறை உள்ளது:

<soapenv:உறை xmlns:soapenv =’HTTP://schemas.xmlsoap.org / சோப்பு / உறை /’>                
  <soapenv:உடல்>
    <GetListItems xmlns =’HTTP://schemas.microsoft.com / ஷேர்பாயிண்ட் / சோப்பு /’>
      <listname>உப அடைவுகள் உடன் விருப்ப பட்டியல்</listname>
      <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 / ஷேர்பாயிண்ட் / சோப்பு /’> \
                       <listname>உப அடைவுகள் உடன் விருப்ப பட்டியல்</listname> \
                       <viewFields> \
                           <ViewFields> \
                              <FieldRef பெயர் = 'தலைப்பு’ /> \
                              <FieldRef பெயர் = 'EncodedAbsUrl’ /> \
                          </ViewFields> \
                       </viewFields> \
                       <queryOptions> \
                         <QueryOptions> \
                           <கோப்புறை>http://demoserver1/Blogging சூழல்கள் / பட்டியல்கள் / உட்பிரிவு கோப்புறைகள் / ஆண்டு 2006 உடன் தனிபயன் பட்டியல்</கோப்புறை> \
                         </QueryOptions> \
                       </queryOptions> \
                   </GetListItems> \
               </soapenv:உடல்> \
           </soapenv:கடித உறை>";

</இறுதியில்>

என்னுடைய குழுசேர்.

மணிக்கு ட்விட்டரில் என்னை பின் http://www.twitter.com/pagalvin

முடிவில்லாமல் முடிச்சிடல் <div> Tags மற்றும் jQuery

ஒரு பதில் விட்டு

இது ஒரு oddball தலைப்பு போல் தெரிகிறது, நான் அதை பற்றி உண்மையிலேயே மதிப்புள்ள பிளாக்கிங் தான் நிச்சயமாக இல்லை, ஆனால், அதற்கு முன் என்னை நிறுத்தி, எனவே இங்கே நாம் ஸ்மைல்

நான் ஒரு தேடல் இருந்து சில தரவு இழுத்து நான் ஒரு திட்டம் வெளியே வேலை, packaging it up into an XML message and then that XML is ultimately transformed into HTML via XSLT.  There’s a lot of jQuery involved, one bit of which implements some tabbing functionality.  When you click on a tab (உண்மையாக, ஒரு <div>), jQuery invokes .hide() and .show() on various divs (the initial page load downloads all the content so there are no postbacks in this case).

A bunch of hours ago, the tab switching logic started to behave erratically and it wouldn’t show one of my tabs.  I ultimately tracked it down to the fact that internet explorer (குறைந்தது) thought that the <div> tags nested far, far deeper than intended.The developer toolbar would show:

-<div id=”Tab1Content”>
  -<div>
    -<div>
      -<div id=”Tab2Content”>
        -<div>
           …………………………
                   </div>  <—finally showing it was closed all the way down here!

அப்படி, if I did a $(“#Tab1Content”).மறைக்க(), I’d also hide Tab2 and I could never show Tab2 if I didn’t also show Tab1.  I copied and pasted the code up into visual studio and it showed all of the div’s lining up nicely, just like they were supposed to be doing, looking like this:

-<div id=”Tab1Content”>
  +<div>
  +<div>
-<div id=”Tab2Content”>
  +<div>
  +<div>

I beat my head against the wall for a while and noticed that in the actual HTML code was generating a lot of empty <div> குறிச்சொற்களை, like:

<உடல்>

  <div id=”Tab1Content”>

    <div id=”row1” />
    <div id=”row2” />

  </div>

  <div id=”Tab2Content”>

    <div id=”row1” />
    <div id=”row2” />

  </div>

</உடல்>

(The above is waaaaaaaaaaaay oversimplified.  The empty div tags are totally valid. Some of my <div> tags were full of content, but many more were not.  I came to the realization that my <XSL:-ஒவ்வொரு> directives were emitting the short-form div tags when the xsl:for-each didn’t’ find any data.  I forced an HTML comment into the output, காட்டப்பட்டது:

image

 

After I did that, all the div’s lined up nicely and my tab switching started working.

எப்போதும் போல், I hope this helps someone in a pinch.

</இறுதியில்>

என்னுடைய குழுசேர்.

மணிக்கு ட்விட்டரில் என்னை பின் http://www.twitter.com/pagalvin

இன்னும் jQuery–ஒரு பட உதாரணம் மறுஅளவிடுகிறது

ஒரு பதில் விட்டு

நான் ஒரு வாடிக்கையாளர் பழைய விற்பனையாளர் இருந்து ஒரு வலை பகுதி மரபுரிமை மற்றும் அது ஒரு படத்தை அளவு சிக்கல் உள்ளது.  படங்களை 60 இருக்க வேண்டும்×50 ஆனால் சில ஒற்றைப்படை காரணம், அசல் விற்பனையாளர் 42 அவற்றை கட்டாயம்×42, அதனால் அவர்கள் squashed இருக்கிறார்கள்:

 

நல்ல படம்

மோசமான படம்

இங்கே மார்க் தான் (ஓரளவுக்கு எளிமைப்படுத்தப்பட்ட):

<அட்டவணை வர்க்கம் = 'விரிவாக்கப்பட்ட-மேற்பார்வை'>
  <thead>
    <TR>
      <வது  width=’100′>3 Tuesday</வது>
    </TR>
  </thead>

  <tbody>
    <tr class=’forecast’>
      <td width=’100′>
        <ul>
          <li class=’high’>High: 72&deg;F</li>
          <li class=’low’>Low: 44&deg;F</li>
          <li class=’condition’>Sunny
            <img src=’HTTP://deskwx.weatherbug.com/images/Forecast/icons/localized/60×50/en/trans/cond007.png’ width=’42’ height=’42’ alt=” />
          </li>
        </ul>
      </TD>
    </TR>

  </tbody>

</மேசை>

You’ll note that even though the path to the image itself shows the proper dimension (60×50) the original vendor forced it in 42×42.  ஏன்?  Crazy.

எப்படியும், I wanted a quick and easy solution to this issue and I turned to jQuery.  The trick was to locate all of the appropriate <நன்றி> tags.  I didn’t want to muck about with any other img tags (of which there are many).  This bit of jQuery did the trick:

<script type="text/javascript" src ="HTTP://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></ஸ்கிரிப்ட்>

<script type="text/javascript">
     $(ஆவணம்).தயார்(செயல்பாடு () {

         $(‘li.condition > img’).each(செயல்பாடு (குறியீட்டெண், item)
            {
             $(item).css("width", "60"); 
             $(item).css("height", "50");
            });
     }); // on document load
</ஸ்கிரிப்ட்>

That bit of code finds the collection <li> tags whose class is “condition” and <நன்றி> children.  It then iterates through all of that.  Worked like a charm.

I could probably streamline it, but I never was a the kind of unix guy that solved π வேண்டும் 18 digits precision using sed and awk and I’m not that kind if jQuery guy either ஸ்மைல்.

</இறுதியில்>

என்னுடைய குழுசேர்.

மணிக்கு ட்விட்டரில் என்னை பின் http://www.twitter.com/pagalvin

உங்கள் சரி கட்டுப்பாடு எடுத்து பொத்தான்கள் ரத்து

3 பதில்கள்

நான் எழுதியது இந்த கட்டுரை ஒரு நேரத்திற்கு முன், நான் நேரத்தில் என் வலைப்பதிவில் இருந்து அதை இணைக்க முடியவில்லை போன்ற ஆனால் தெரிகிறது, எனவே இங்கு செல்கிறது:

image

இந்த கட்டுரையில் அவர் ரத்து கிளிக் செய்தவுடன் அந்த பயனர் சரி கிளிக் மற்றும் வேறு பக்கம் போது newform.aspx ஒரு பக்கம் திருப்பிவிட கட்டாயப்படுத்த எப்படி விவரிக்கிறது.

</இறுதியில்>

என்னுடைய குழுசேர்.

மணிக்கு ட்விட்டரில் என்னை பின் http://www.twitter.com/pagalvin

விரைவு குறிப்பு: பாசி பப்ளிஷிங் பக்கங்கள் என்று jQuery சேர்ப்பதன்

1 பதில்

JQuery பயன்படுத்தி பாசி publising பக்கங்கள் அதிகரிக்கும் போது, நான் பின்வரும் வேகம் பம்ப் வெற்றி:

Server Error in ‘/’ விண்ணப்பம்.

பாகுபடுத்தி பிழை

விளக்கம்: ஒரு பிழை இந்த கோரிக்கையை சேவைக்கு தேவையான இயலாது பாகுபடுத்தி போது ஏற்பட்டது. பின்வரும் குறிப்பிட்ட பாகுபடுத்தி பிழை விவரங்கள் மறுபரிசீலனை செய்து, உரிய முறையில் உங்கள் மூல கோப்பு மாற்ற தயவு செய்து.

பாகுபடுத்தி பிழை செய்தி: ஒரே உள்ளடக்க கட்டுப்பாடுகள் உள்ளடக்க கட்டுப்பாடுகள் கொண்ட உள்ளடக்க பக்கம் நேரடியாக அனுமதி.

மூல பிழை: 

 
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

பதிப்பு தகவல்: மைக்ரோசாப்ட். NET Framework பதிப்பு: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">

</ஸ்கிரிப்ட்>

<script type="text/javascript">

  $(ஆவணம்).தயார்(செயல்பாடு() {

   // புத்திசாலித்தனமான jQuery பொருட்களை இங்கே செல்கிறது.

   });

</ஸ்கிரிப்ட்>

</இறுதியில்>

என்னுடைய குழுசேர்.

மணிக்கு ட்விட்டரில் என்னை பின் http://www.twitter.com/pagalvin