Tag Archives: jQuery

XSLT u kampjuni jQuery

I ġew jagħmlu ħafna ta XSLT u jQuery u ħsibt I d jaqsmu siltiet ftit li oħrajn jistgħu jsibu utli fil-futur.

Eżempju 1: Jarmu JavaScript sempliċi / jQuery fil XSLT:

<XSL:mudell logħba = "xi ħaġa,,en,tip iskrittura = "test / javascript",,en,"#QueryFriendlyFilters",,en,"Vojta",,en,div id = "fdcAllFilters",,en,jekk test = "@ Għadd,,en,span class = "fdcFilterLabel",,en,għal-kull tagħżel = "UserFilter",,en,klassi = "FilterHref,,en,href = "javascript,,en,"RemoveUserFilter",,en,valur tal agħżel = "@ FilterValue" /,,en,kummenti lill XSLT u kampjuni jQuery,,en,Andres,,en,Awissu 30,,en,Nista 'nuża dan l-approċċ biex jiffiltraw webparts lista multipli SharePoint permezz ta' XSLT,,en,Huwa qedem f'dan il-punt u so I mhux se nipprova,,en" xml:space="preserve">

  <!– Blank l-filtri friendly qasam moħbija query –>
  <script type="text/javascript">
    $(dokument).lest(funzjoni(){
      $("#QueryFriendlyFilters").val("empty");
    });
  </iskrittura>

</XSL:template>

Li ftit temetti xi JavaScript li tistenna l-paġna biex jintemm tagħbija (minħabba l- $(dokument).lest(...)) u mbagħad tistabbilixxi l-valur ta 'qasam moħbija jismu QueryFriendlyFilters għall-valur letterali "vojta".

Eżempju 2: Użu <XSL:jekk> biex jiċċekkjaw "akbar minn",  "Inqas minn", eċċ.

<XSL:mudell logħba = "xi ħaġa,,en,tip iskrittura = "test / javascript",,en,"#QueryFriendlyFilters",,en,"Vojta",,en,div id = "fdcAllFilters",,en,jekk test = "@ Għadd,,en,span class = "fdcFilterLabel",,en,għal-kull tagħżel = "UserFilter",,en,klassi = "FilterHref,,en,href = "javascript,,en,"RemoveUserFilter",,en,valur tal agħżel = "@ FilterValue" /,,en,kummenti lill XSLT u kampjuni jQuery,,en,Andres,,en,Awissu 30,,en,Nista 'nuża dan l-approċċ biex jiffiltraw webparts lista multipli SharePoint permezz ta' XSLT,,en,Huwa qedem f'dan il-punt u so I mhux se nipprova,,en" xml:space="preserve">

  <div id="fdcAllFilters">
 
    <XSL:if test="@Count>0">
      <span class="fdcFilterLabel">Filtri kurrenti:</medda>
    </XSL:jekk>

    <!– Jittieħed aktar jiġri hawn. –>

</XSL:template>

Il-snippet hawn fuq kontrolli biex tara jekk attribut imsejjaħ "Count" tal-element "xi ħaġa" huwa akbar minn zero.  Il-XML wara dan tkun xi ħaġa simili:"

<xi ħaġa Count = "5" />

Eżempju 3: Jtenni permezz elementi kollha, interspersing sejħiet jQuery.

<!– Jtenni kollha permezz tal-filtri u juru l-korretta  rabtiet. –>
<XSL:for-each select="UserFilter">

  <a class="FilterHref" href="javascript:mySubmitPage(‘RemoveUserFilter’,"{@ID}")">[X]</a>

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

  <script type="text/javascript">

    $(dokument).lest(funzjoni(){
        <XSL:test><![CDATA[$("#QueryFriendlyFilters").val( ($("#QueryFriendlyFilters").val() + " ]]></XSL:test>\"<XSL:value-of select="@FilterValue"/>\"<XSL:test><![CDATA["));]]></XSL:test>
    });

  </iskrittura>

</XSL:għal-kull>

Il-snippet hawn fuq huwa ferm aktar kumpless u jista 'jkun hemm modi iktar faċli biex tagħmel dan.

Il-XML wara dan jistenna madwar bħal dan:

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

Dan snippet hija mtennija permezz <User Iffiltra> nodes. 

L-ewwel temetti ankra tag li meta għafast jinvoka funzjoni JavaScript li huwa diġà fis-paġna, "MySubmitPage" u jgħaddi l-valur ta 'attribut fuq il- <User Iffiltra> node imsejjaħ "ID". 

Imbagħad temetti ftit jQuery li tistenna l-paġna għal tagħbija.  Li l-aġġornamenti jQuery qasam moħbija imsejjaħ "QueryFriendlyFilters" billi żżid il-valur ta 'l-attribut FilterValue.  Innota l-crazy <XSL:test> u <![CDATA[ ... ]]> Jittieħed.

Li huwa, tama dan jgħin!

</aħħar>

Abbona għall-blog tiegħi.

Follow lili Twitter fi http://www.twitter.com/pagalvin

Lists.asmx, GetListItems u folders

I kienet tagħmel xi riċerka għal xi ħadd illum madwar id-servizz web list.asmx pprovduta bħala parti mill SharePoint 2010 (u qabel).  Hija kienet kapaċi tikseb l-oġġetti lista fil-folder għerq (inklużi l-ismijiet tas-sub-folders), iżda ma setgħux jiksbu oġġetti f'sub-folders.  I ma xi tfittex madwar fuq il-internets u huwa kwistjoni sorprendentement komuni.  Madankollu, I ma setgħux jiksbu risposta tajba għall-mistoqsija sempliċi, "Jekk Naf li l-folder, kif nista 'nikseb l-oġġetti fil-folder?"  Biex inkun onest, I ma tipprova kollu li diffiċli peress stajt riedu figura dan wieħed fuq tiegħi stess għal waqt Tbissem.

Biex jistabbilixxu dan up, I ħolqot sit jismu "Xenarji Blogging" u lista tad-dwana bl-isem "Lista Custom mal folders Sotto".  I imbagħad maħluqa folders msemmija:

  • Sena 2005
  • Sena 2006
  • Sena 2007

I miżjuda ftit punti għall-folder "Sena 2006".  Dan huwa dak li jidher qisu:

image

My friend ma jkunx miktub C # kodiċi iżda pjuttost jużaw Java, sabiex il-pakkett SAPUN kien dak li hi verament meħtieġ.  Biex tikseb li, I kiteb daqsxejn ta 'jQuery u mbagħad użata fiddler biex jiksbu l-konversazzjoni HTTP attwali.

Hawn il-jQuery rilevanti (I kkupjati-kodiċi stabbiliti hawn taħt jekk inti tixtieq li kopja / paste):

image

Huma l-ewwel importanti hu li jinkludu kemm <queryOptions> u <QueryOptions> node.  It-tieni muftieħ huwa li l- <Folder> node huwa URL li l-klijent ikollu aċċess.

Jista 'jkun hemm modi oħra biex tikseb dan, iżda dan ħadem tajjeb għalija meta jużaw jQuery.

Hawn hu l-pakkett SAPUN għal dan t'hawn fuq:

<soapenv:Xmlns Pakkett:soapenv =’http://schemas.xmlsoap.org / sapun / pakkett /’>                
  <soapenv:Korp>
    <Xmlns GetListItems =’
http://schemas.microsoft.com / Sharepoint / sapun /’>
      <Jwaqqgħu l-weraq>Lista Custom mal folders Sotto</Jwaqqgħu l-weraq>
      <viewFields>  
        <ViewFields>
          <FieldRef Isem = "Titolu’ />
          <FieldRef Isem = "EncodedAbsUrl’ />
        </ViewFields>
      </viewFields>
      <queryOptions>
        <QueryOptions>
          <Folder>
http://demoserver1/Blogging Xenarji / listi / Lista Custom mal folders Sotto / Sena 2006</Folder>
        </QueryOptions>
      </queryOptions>
   
</GetListItems>
  </soapenv:Korp>
</soapenv:Envelop>

A lott ta 'eżempji u diskussjoni madwar dan wasslitni biex jemmnu li kollha I bżonn kien <QueryOptions> u tispeċifika isem folder.  Għalija, I-ħtieġa li kemm wrap dan ġewwa <queryOptions> kif ukoll tispeċifika URL ikkwalifikat bis-sħiħ għall- <Folder> node.

Hawn il-setup Ajax jQuery:

$(dokument).lest(funzjoni() {
       kien soapEnv =
           "<soapenv:Xmlns Pakkett:soapenv =’http://schemas.xmlsoap.org / sapun / pakkett /’> \
               <soapenv:Korp> \
                    <Xmlns GetListItems =’http://schemas.microsoft.com / Sharepoint / sapun /’> \
                       <Jwaqqgħu l-weraq>Lista Custom mal folders Sotto</Jwaqqgħu l-weraq> \
                       <viewFields> \
                           <ViewFields> \
                              <FieldRef Isem = "Titolu’ /> \
                              <FieldRef Isem = "EncodedAbsUrl’ /> \
                          </ViewFields> \
                       </viewFields> \
                       <queryOptions> \
                         <QueryOptions> \
                           <Folder>http://demoserver1/Blogging Xenarji / listi / Lista Custom mal folders Sotto / Sena 2006</Folder> \
                         </QueryOptions> \
                       </queryOptions> \
                   </GetListItems> \
               </soapenv:Korp> \
           </soapenv:Envelop>";

</aħħar>

Abbona għall-blog tiegħi.

Follow lili Twitter fi http://www.twitter.com/pagalvin

Endlessly jbejtu <div> Tags u jQuery

Din tidher qisha tali suġġett oddball, M'inix ċert li huwa verament jiswa blogging dwar, iżda li qatt ma waqfet lili qabel, hekk here we go Tbissem

Jien jaħdmu fuq proġett fejn jien ġbid xi data minn tfittxija, 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 (verament, a <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 (inqas) 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!

Allura, if I did a $(“#Tab1Content”).hide(), 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> tags, like:

<korp>

  <div id=”Tab1Content”>

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

  </div>

  <div id=”Tab2Content”>

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

  </div>

</korp>

(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:għal-kull> 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, kif muri:

image

 

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

As always, I hope this helps someone in a pinch.

</aħħar>

Abbona għall-blog tiegħi.

Follow lili Twitter fi http://www.twitter.com/pagalvin

Madankollu Aktar jQuery–Resize Image 1 Eżempju

I wiret parti minn bejjiegħ web qodma klijent u hija għandha problema daqs immaġini.  L-immaġini għandha tkun ta '60×50 iżda għal xi raġuni fard, il-bejjiegħ oriġinali sfurzat tagħhom fiċ 42×42, hekk huma jfittxu squashed:

 

Image Tajba

Bad Image

Hawn il-markup (kemmxejn simplifikata):

<tabella klassi = "estiż-prospetti">
  <thead>
    <tr>
      <th  wisa '= '100′>3 It-Tlieta</th>
    </tr>
  </thead>

  <tbody>
    <tr klassi = "previżjoni">
      <wisa td = '100′>
        <st>
          <Li klassi = "għolja">Għolja: 72&inti;F</LI>
          <Li klassi = "baxxa">Baxxa: 44&inti;F</LI>
          <Li klassi = "kundizzjoni">Sunny
            <img src =’
http://deskwx.weatherbug.com/images/Forecast/icons/localized/60×50/en/trans/cond007.png’ wisa '= '42’ għoli = '42’ alt =” />
          </LI>
        </st>
      </td>
    </tr>

  </tbody>

</tabella>

Int ser ikollok tinnota li għalkemm il- passaġġ għall-immaġni innifsu turi d-dimensjoni xierqa (60×50) il-bejjiegħ oriġinali sfurzata fil 42×42.  Għaliex?  Crazy.

Xorta waħda, Jien ridt soluzzjoni malajr u faċli biex din il-kwistjoni u I daru lejn jQuery.  Il-trick kien li jillokalizza kollha tal-każ <img> tags.  I ma riedx li muck dwar ma 'xi tags img oħra (li minnhom hemm ħafna).  Din id-daqsxejn ta 'jQuery għamlet il-trick:

<script type="text/javascript" src ="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></iskrittura>

<script type="text/javascript">
     $(dokument).lest(funzjoni () {

         $(‘li.condition > img ").kull(funzjoni (indiċi, partita)
           
{
             $(partita).css("width", "60"); 
             $(partita).css("height", "50");
            });
     }); // fuq it-tagħbija dokument
</iskrittura>

Li ftit tal-kodiċi ssib il-ġbir <LI> tags li klassi hija "kundizzjoni" u <img> tfal.  Imbagħad ttenni kollha permezz ta 'dak.  Maħduma bħal CHARM.

I probabilment setgħu simplifikata, imma jien qatt ma kien it-tip ta 'Unix Guy li solvuti π li 18 numri preċiżjoni jużaw il zat u awk u jien ma dak it-tip jekk Guy jQuery jew Tbissem.

</aħħar>

Abbona għall-blog tiegħi.

Follow lili Twitter fi http://www.twitter.com/pagalvin

Ħu Kontroll tal OK tiegħek u Ikkanċella Buttuni

I kiteb dan l-artikolu lura waqt li, imma qisu jien ma link għaliha mill-blog tiegħi fil-ħin, hekk hawn tmur:

image

Dan l-artikolu tiddeskrivi kif seħħ newform.aspx biex idawwru għal paġna waħda meta l-utent klikks OK u paġna differenti meta hi klikks tikkanċella.

</aħħar>

Abbona għall-blog tiegħi.

Follow lili Twitter fi http://www.twitter.com/pagalvin

Tip Quick: Żieda jQuery għall MOSS Pages Publishing

Meta tisħiħ MOSS paġni publising jużaw jQuery, I hit-tbaqbieq veloċità li ġejja:

Server Error in ‘/’ Applikazzjoni.


Żball parser

Deskrizzjoni: Ġara żball waqt il-parsing ta 'riżorsa meħtieġa għas-servizz din it-talba. Jekk jogħġbok irrevedi-dettalji li ġejjin speċifiċi żball parse u timmodifika sors fajl tiegħek xieraq.

Error Message parser: Kontrolli Kontenut biss huma permessi direttament fil-paġna kontenut li fih kontrolli Kontenut.

Error Sors:

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

Fajl Sors: /_catalogs / masterpage / KCC_FacultyMember.aspx    Linja: 12


Informazzjoni Verżjoni: Microsoft. Verżjoni NET Qafas:2.0.50727.4927; ASP.NET Verżjoni:2.0.50727.4927

Kien faċli biżżejjed biex jiffissaw (h / t għal kollega tiegħi, Uday Ethirajulu).  Kun żgur li l-kodiċi jQuery jgħix ġewwa l-"PlaceHolderAdditionalPageHead" kif muri:

<asp:Content ContentPlaceholderID="PlaceHolderAdditionalPageHead" runat="server">

<iskrittura

    type="text/javascript"

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

</iskrittura>

<script type="text/javascript">

  $(dokument).lest(funzjoni() {

   // Jittieħed jQuery Brilliant tmur hawn.

   });

</iskrittura>

</aħħar>

Abbona għall-blog tiegħi.

Follow lili Twitter fi http://www.twitter.com/pagalvin