Tag Archives: jQuery

XSLT și jQuery probe

2 Răspunsuri

Am făcut o mulţime de XSLT şi jQuery şi gândit aş parts câteva fragmente care alţii pot considera util în viitor.

Exemplu 1: Emite simplu JavaScript / jQuery în XSLT:

<XSL:meci de şablon "ceva =" XML:spaţiu = "conserva">

  <!– Martor interogare prietenos filtrele câmp ascuns –>
  <script-ul de tip = "text/javascript">
    $(document).gata(funcţia(){
      $("#QueryFriendlyFilters").vasilica("gol");
    });
  </script-ul>

</XSL:şablon>

Că pic emite unele JavaScript care aşteaptă pentru ca pagina să termin de încărcare (din cauza $(document).gata(…)) şi seturi de valoarea unui câmp ascuns numit atunci QueryFriendlyFilters la valoarea literal "gol".

Exemplu 2: Utilizarea <XSL:Dacă> pentru a verifica "mai mare",  "mai puţin", etc.

<XSL:meci de şablon "ceva =" XML:spaţiu = "conserva">

  <div id = "fdcAllFilters">
 
    <XSL:Dacă test="@Count>0">
      <span class = "fdcFilterLabel">Filtre de curent:</durata de>
    </XSL:Dacă>

    <!– mai multe lucruri se întâmplă aici. –>

</XSL:şablon>

Fragmentul de mai sus controale pentru a vedea dacă un atribut numit "Conta" a elementului "ceva" este mai mare decât zero.  XML-ul din spatele acest lucru ar fi ceva de genul:”

<ceva Count = "5" />

Exemplu 3: Repeta prin toate elementele, Interspersing jQuery apeluri.

<!– Repeta prin toate filtrele şi afişa corect  link-uri. –>
<XSL:pentru fiecare select = "UserFilter">

  <o clasa = "FilterHref" href = "javascript:mySubmitPage('RemoveUserFilter','{@ID}’)">[X]</o>

  <span class = "fdcFilterLabel"><XSL:valoare de select="@FilterValue"/></durata de>

  <script-ul de tip = "text/javascript">

    $(document).gata(funcţia(){
        <XSL:textul><![CDATA[$("#QueryFriendlyFilters").vasilica( ($("#QueryFriendlyFilters").vasilica() + " ]]></XSL:textul>\"<XSL:valoare de select="@FilterValue"/>\"<XSL:textul><![CDATA["));]]></XSL:textul>
    });

  </script-ul>

</XSL:pentru fiecare>

Fragmentul de mai sus este cea mai complexă şi poate fi mai uşor de moduri de a face acest lucru.

XML-ul din spatele acestei arata aproximativ asa:

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

Acest fragment este iterarea prin <UserFilter> noduri. 

El emite mai întâi o ancoră tag-ul care atunci când aţi făcut clic pe invocă o funcţie JavaScript, care este deja pe pagina, "mySubmitPage" şi trece în valoarea de un atribut <UserFilter> nodul numit "ID". 

Ea emite apoi unele jQuery care aşteaptă pentru ca pagina să se încarce.  JQuery care actualizează un câmp ascuns numit "QueryFriendlyFilters" prin adăugarea valorii atributului FilterValue.  Notă toate nebun <XSL:textul> şi <![CDATA[ … ]]> chestii.

Asta este, Sperăm că vă ajută!

</scop>

Aboneaza-te la blog-ul meu.

Urmaţi-mă pe Twitter, la http://www.twitter.com/pagalvin

Lists.asmx, GetListItems and Folders

6 Răspunsuri

Am făcut unele de cercetare pentru cineva astăzi în jurul web list.asmx serviciului furnizat ca parte din SharePoint 2010 (şi mai devreme).  Ea a fost în măsură pentru a obţine elementele de listă la folderul rădăcină (inclusiv numele subfolderelor), dar nu a putut obţine elemente în sub-pliant.  Am făcut unele privire around pe Internet şi este o chestiune de surprinzător de comune.  Încă, Nu am putut ajunge un răspuns bun la întrebarea simplă, "dacă ştiu folderul, cum a face I a lua elementele în folderul?”  Pentru a fi sincer, Nu încerc toate că greu deoarece mi-am dorit pentru a figura acest una pe propria mea pentru un timp Zâmbet.

Pentru a parametriza acest lucru, Am creat un site numit "Blogging-ul scenarii" şi o listă particularizată numit "Lista cu Sub foldere personalizate".  Apoi am creat foldere numit:

  • An 2005
  • An 2006
  • An 2007

Am adăugat câteva elemente în folderul "Anul 2006".  Aceasta este ceea ce pare ca:

image

Prietenul meu nu este scris în C# cod, dar mai degrabă folosire Java, Deci plicul SĂPUN a fost ceea ce ea într-adevăr nevoie.  Pentru a obţine că, Am scris un pic jQuery şi apoi folosite Scripcarul pentru a obţine conversaţie reale HTTP.

Aici este jQuery relevante (Am copiat codul în jos mai jos dacă doriţi să copiaţi/lipiţi):

image

Au prima cheie este de a include atât un <queryOptions> şi <QueryOptions> nod.  A doua cheie este că <Folder> nodul este un URL la care clientul are acces.

Pot exista alte modalităţi de a obţine acest lucru, dar aceasta a lucrat bine pentru mine când folosind jQuery.

Aici este plicul SĂPUN pentru cele de mai sus:

<soapenv:Plic xmlns:soapenv =’http://schemas.xmlsoap.org/SOAP/envelope/’>                
  <soapenv:Organism>
    <GetListItems xmlns =’http://schemas.Microsoft.com/SharePoint/SOAP/’>
      <listName>Lista particularizată cu subdosarele</listName>
      <viewFields>  
        <ViewFields>
          <Numele FieldRef =' titlu’ />
          <Numele FieldRef ='EncodedAbsUrl’ />
        </ViewFields>
      </viewFields>
      <queryOptions>
        <QueryOptions>
          <Folder>http://demoserver1/blogging-ul Scenarii/liste/particularizat lista cu Sub foldere/anul 2006</Folder>
        </QueryOptions>
      </queryOptions>
    </GetListItems>
  </soapenv:Organism>
</soapenv:Plic>

O mulţime de exemple şi discuţii în jurul acest lucru a condus-mi să cred că tot ce am nevoie a fost <QueryOptions> şi specificaţi un nume de folder.  Pentru mine, I nevoie atât wrap-o în interiorul <queryOptions> precum şi specificaţi un URL-ul complet pentru <Folder> nod.

Iată de configurare de AJAX jQuery:

$(document).gata(funcţia() {
       var soapEnv =
           "<soapenv:Plic xmlns:soapenv =’http://schemas.xmlsoap.org/SOAP/envelope/’> \
               <soapenv:Organism> \
                    <GetListItems xmlns =’http://schemas.Microsoft.com/SharePoint/SOAP/’> \
                       <listName>Lista particularizată cu subdosarele</listName> \
                       <viewFields> \
                           <ViewFields> \
                              <Numele FieldRef =' titlu’ /> \
                              <Numele FieldRef ='EncodedAbsUrl’ /> \
                          </ViewFields> \
                       </viewFields> \
                       <queryOptions> \
                         <QueryOptions> \
                           <Folder>http://demoserver1/Blogging Scenarii/liste/particularizat lista cu Sub foldere/anul 2006</Folder> \
                         </QueryOptions> \
                       </queryOptions> \
                   </GetListItems> \
               </soapenv:Organism> \
           </soapenv:Plic>";

</scop>

Aboneaza-te la blog-ul meu.

Urmaţi-mă pe Twitter, la http://www.twitter.com/pagalvin

Imbricarea la nesfârşit <div> Tag-uri şi jQuery

Lasa un raspuns

Acest lucru pare a fi un astfel de subiect de aiurit, Nu sunt sigur că merită cu adevărat blogging-ul despre, dar că niciodată nu a oprit mine înainte, Deci, aici vom merge Zâmbet

Am de lucru un proiect în cazul în care eu sunt trăgând unele date dintr-o căutare, ambalare-l într-un mesaj XML şi apoi că XML este transformat în cele din urmă în HTML prin intermediul XSLT.  Există o mulţime de jQuery implicate, un pic de care implementeaza anumite funcţionalităţi tabbing.  Când faceţi clic pe o filă (chiar, o <div>), jQuery invocă .hide() şi .show() pe diverse divs (pagină iniţială de încărcare descărcări toate conţinut, astfel încât nu există nici o postback în acest caz).

O grămadă de ore în urmă, fila logica de comutare a început să se comporte haotic şi aceasta nu s-ar arăta unul de meu file.  Am în cele din urmă urmărite l până la faptul că internet explorer (cel puțin) crezut că <div> Tag-uri imbricate departe, mult mai profunde decât destinate.Bara de instrumente producător ar arăta:

-<div id = "Tab1Content">
  -<div>
    -<div>
      -<div id = "Tab2Content">
        -<div>
           …………………………
                   </div>  <— în cele din urmă arătând că a fost închis tot drumul în jos aici!

Deci, dacă am făcut-o $("#Tab1Content").ascunde(), Am, de asemenea, s-ar ascunde Fila2 şi ar putea arăta niciodată Fila2 dacă nu arăt, de asemenea, Fila1.  Am copiat şi inserat codul în visual studio şi ea a arătat toate div garnitură până frumos, la fel ca ei ar fi trebuit să faci, în căutarea de genul asta:

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

Am batut capul meu de perete pentru un timp şi am observat că în real HTML codul a fost generatoare de o mulţime de gol <div> Tag-uri, ca:

<corpul>

  <div id = "Tab1Content">

    <div id = "row1" />
    <div id = "rînd2" />

  </div>

  <div id = "Tab2Content">

    <div id = "row1" />
    <div id = "rînd2" />

  </div>

</corpul>

(De mai sus este waaaaaaaaaaaay simplificat.  Gol div Tag-uri sunt complet valide. Unele dintre meu <div> Tag-uri au fost plin de conţinut, dar mult mai multe nu au fost.  Am venit la realizarea că meu <XSL:pentru fiecare> Directivele au fost emit scurt-forma div Tag-uri atunci când xsl:nu pentru fiecare "găseşte orice date.  Am forţat un comentariu HTML în ieşire, ca:

image

 

După ce am făcut-o, div aliniat frumos şi fila mea de comutare a început să lucreze.

Ca întotdeauna, Sper că acest lucru ajută pe cineva într-o priză.

</scop>

Aboneaza-te la blog-ul meu.

Urmaţi-mă pe Twitter, la http://www.twitter.com/pagalvin

Încă mai multe jQuery–Redimensionaţi un exemplu de imagine

Lasa un raspuns

Am moştenit o parte web de la un client vechi furnizor si are o problema cu marimea imaginii.  Imaginile ar trebui să fie 60×50 dar pentru un motiv ciudat, producătorul original le forţat în 42×42, astfel încât acestea uita strivită:

 

Bună imagine

Bad Image

Aici este markup (oarecum simplificată):

<tabelul clasa = "extins-outlook">
  <tHead>
    <TR>
      <th  latime ='100′>3 Marţi</th>
    </TR>
  </tHead>

  <tBody>
    <TR clasa = "previziuni">
      <TD lăţime ='100′>
        <ul>
          <li clasa = 'mare'>Mare: 72&deg;F</li>
          <li clasa = 'mici'>Low: 44&deg;F</li>
          <li clasa = 'stare'>Însorit
            <img src =’http://deskwx.weatherbug.com/images/Forecast/icons/localized/60×50/en/trans/cond007.png’ latime ='42’ inaltime ='42’ alt =” />
          </li>
        </ul>
      </TD>
    </TR>

  </tBody>

</tabel>

Veţi notă că chiar dacă calea către imaginea în sine Afişează dimensiunea corectă (60×50) producătorul original forţat-o în 42×42.  de ce?  nebun.

Oricum, Am vrut o soluţie rapidă şi uşoară la această problemă şi am apelat la jQuery.  Trucul a fost de a localiza toate corespunzătoare <IMG> Tag-uri.  Nu am vrut să muck despre cu orice alte img tag-uri (din care există multe).  Acest pic de jQuery a făcut truc:

<script-ul de tip = text/javascript"" src ="http://AJAX.googleapis.com/Ajax/libs/jQuery/1.5/jQuery.min.js"></script-ul>

<script-ul de tip = "text/javascript">
     $(document).gata(funcţia () {

         $("li.condition > img ").fiecare(funcţia (Indicele, element)
            {
             $(element).CSS("lăţime", "60"); 
             $(element).CSS("înălţime", "50");
            });
     }); // pe documentul de încărcare
</script-ul>

Că pic de cod constată Colectia <li> Tag-uri ale căror clasă este "stare" şi <IMG> copii.  Acesta reiterează apoi prin toate că.  Worked asemãnãtor un acuzaþie.

Eu, probabil, ar putea simplifica l, dar niciodată nu a fost un fel de tip unix care π a rezolvat pentru a 18 cifre precizie folosind sed şi awk şi eu nu sunt ca un fel, în cazul în care jQuery tip fie Zâmbet.

</scop>

Aboneaza-te la blog-ul meu.

Urmaţi-mă pe Twitter, la http://www.twitter.com/pagalvin

Preia controlul asupra ta OK şi anula butoane

3 Răspunsuri

Am scris Acest articol un timp înapoi, dar se pare ca nu leagă să-l la blog-ul meu în timp, asa ca aici merge:

image

Acest articol descrie cum la spre force newform.aspx pentru a redirecţiona o pagină atunci când utilizatorul face clic pe OK şi o altă pagină atunci când ea face clic pe Revocare.

</scop>

Aboneaza-te la blog-ul meu.

Urmaţi-mă pe Twitter, la http://www.twitter.com/pagalvin

Iute Vîrf: Adăugarea jQuery la pagini de publicare MOSS

1 Răspuns

Atunci când creşterea MOSS publising pagini folosind jQuery, Am lovit următoarele speed bump:

Eroare de server în ' /’ Aplicarea.

Eroare de parser-ul

Descriere: Eroare în timpul parsarea de o resursă necesară pentru această cerere de serviciu. Vă rugăm să revedeţi următoarele detalii specifice a parse eroare şi modifica fişierul sursă corespunzător.

Mesaj de eroare parser-ul: Controalele de conținut sunt permise doar direct într-o pagină de conţinut, care conţine controalele de conținut.

Sursa eroare: 

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

Fişierul sursă: /_catalogs/masterpage/KCC_FacultyMember.aspx    Linie: 12

Informaţii despre versiunea: Microsoft .NET Framework versiunea:2.0.50727.4927; ASP.NET versiune:2.0.50727.4927

A fost destul de uşor pentru a stabili (h/t la colegul meu, Sorin smit).  Asiguraţi-vă că codul jQuery trăieşte în interiorul "PlaceHolderAdditionalPageHead", aşa cum se Arată:

<ASP:ContentPlaceholderID de conţinut = "PlaceHolderAdditionalPageHead" Runat = "server">

<script-ul

    tip = text/javascript""

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

</script-ul>

<script-ul de tip = "text/javascript">

  $(document).gata(funcţia() {

   // Genial jQuery chestii merge aici.

   });

</script-ul>

</scop>

Aboneaza-te la blog-ul meu.

Urmaţi-mă pe Twitter, la http://www.twitter.com/pagalvin