Tag Archives: jQuery

XSLT eta jQuery Laginak

Izan dut eta XSLT jQuery asko egiten eta pentsatu gutxi barru mozkinak beste batzuk erabilgarria aurkitu ahal izango etorkizun partekatu nuke.

Adibidea 1: Ikusteko Javascript-a igortzen simple / XSLT en jQuery:

<xsl:template match="something" xml:espazio = "mantendu">

<!– Hutsik out kontsulta errespetatzen iragazkiak ezkutuko eremuan –>
<script type="text/javascript">
    $(dokumentu).prest(funtzioa(){
      $("#QueryFriendlyFilters").Val("empty");
    });
</script>

</xsl:txantiloia>

Ikusteko Javascript-a duten apur batzuk, orria kargatzen amaitu zain igortzen (delako $(dokumentu).prest(...)) eta, ondoren, izendatutako QueryFriendlyFilters to literal balioa "hutsik" ezkutuko Eremu balioa ezartzen du.

Adibidea 2: Erabili <xsl:bada> egiaztatzeko "baino handiagoa da", "Baino gutxiago", etc.

<xsl:template match="something" xml:espazio = "mantendu">

<div id="fdcAllFilters">

    <xsl:if test="@Count>0">
      <span class="fdcFilterLabel">Oraingo iragazkiak:</span>
    </xsl:bada>

    <!– gehiago gauzak gertatzen hemen. –>

</xsl:txantiloia>

Goiko mozkina egiaztatzen izeneko "kopurua" eta "zerbait" elementu atributu bat da zero baino handiagoa bada ikusteko. Horren atzean XML antzeko zerbait izango litzateke:"

<zerbait Count = "5" />

Adibidea 3: Elementu guztiak bitartez, batetik bestera joateko, jQuery deiak interspersing.

<!– Iragazkiak guztietan zehar batetik bestera joateko eta zuzena erakutsi loturak. –>
<xsl:for-each select="UserFilter">

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

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

<script type="text/javascript">

    $(dokumentu).prest(funtzioa(){
        <xsl:testua><![CDATA[$("#QueryFriendlyFilters").Val( ($("#QueryFriendlyFilters").Val() + " ]]></xsl:testua>\"<xsl:value-of select="@FilterValue"/>\"<xsl:testua><![CDATA["));]]></xsl:testua>
    });

</script>

</xsl:-bakoitzak>

Goiko mozkina konplexuena da, eta ez dago modu errazago egin izan daiteke.

Horren atzean XML gutxi gorabehera itxura:

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

Kode hori bidez errepikatzean <Erabiltzaile iragazkia> nodoak.

Igortzen lehen bat aingura etiketa duten klik egitean JavaScript funtzio bat dagoeneko orrian deitzeko, "MySubmitPage" eta atributu baten balioa igarotzen buruzko <Erabiltzaile iragazkia> nodo izeneko "identifikazio".

Igortzen gero jQuery batzuk, itxaroten orria kargatu du. Hau jQuery eguneratzeak izeneko "QueryFriendlyFilters" FilterValue atributuaren balioa gehituz ezkutuko eremu bat. Kontuan ero guztiak <xsl:testua> eta <![CDATA[ ... ]]> stuff.

Kito, espero laguntzen!

</amaiera>

Nire blog Harpidetu.

Follow me on Twitter http://www.twitter.com/pagalvin

Lists.asmx, GetListItems eta karpetak

6 Erantzunak

Ikerketa batzuk egiten ari nintzen norbaitek gaur list.asmx web zerbitzua SharePoint zati gisa emandako inguruan 2010 (eta lehenagokoak). Gai zerrendako elementuak lortzeko erro karpeta hartan izan zen (azpi-karpetak izenak barne), baina ezin izan da azpi-karpetetako elementuak. I did some looking around on the internets and it’s a surprisingly common question. Oraindik, I couldn’t get a good answer to the simple question, “if I know the folder, how do I get the items in the folder?" To be honest, I didn’t try all that hard since I’ve wanted to figure this one out on my own for a while Smile .

To set this up, I created a site named “Blogging Scenarios” and a custom list named “Custom List with Sub Folders”. I then created folders named:

Year 2005
Year 2006
Year 2007

I added a few items to the folder “Year 2006”. Hau da, zer itxura:

My friend isn’t writing C# code but rather using Java, so the SOAP envelope was what she really needed. To get that, I wrote a bit of jQuery and then used fiddler to get the actual HTTP conversation.

Hemen garrantzitsua da jQuery (Kodea kopiatu dut behera nahi duzun / kopiatu itsatsi bada):

Dute lehen gakoa da, bai bat ere <queryOptions> eta <QueryOptions> nodoa. Bigarren gakoa da hori <Karpeta> nodo URL bat zein bezero du sarbidea.

Ez dago beste modurik izan daiteke hori lortzeko, baina hau ongi niretzat denean jQuery erabiliz.

Hemen gainetik egiteko gutun-azala SOAP da:

<soapenv:Gutun-azal xmlns:soapenv =’http://schemas.xmlsoap.org / xaboi / gutunazal /’>
<soapenv:Body>
    <GetListItems xmlns =’http://schemas.microsoft.com / SharePoint / xaboi /’>
      <Hosto erorkorreko>Azpi-karpetak zerrenda pertsonalizatua</Hosto erorkorreko>
      <viewFields>
        <ViewFields>
          <FieldRef izena = 'Izenburua’ />
          <FieldRef izena = 'EncodedAbsUrl’ />
        </ViewFields>
      </viewFields>
      <queryOptions>
        <QueryOptions>
          <Karpeta>http://demoserver1/Blogging Eszenatoki / zerrendak / karpetak Azpi / 2006 Urtea zerrenda pertsonalizatua</Karpeta>
        </QueryOptions>
      </queryOptions>
    </GetListItems>
</soapenv:Body>
</soapenv:Gutun-azal>

Adibide eta honen inguruan eztabaida handia eragin zuen, uste dut behar zela niri <QueryOptions> zehaztu eta karpeta baten izena. Niretzat, Behar Itzulbira bai barrutik dut <queryOptions> baita zehaztu URL erabat kualifikatua <Karpeta> nodo.

Here’s the jQuery AJAX setup:

$(dokumentu).prest(funtzioa() {
       var soapEnv =
           "<soapenv:Gutun-azal xmlns:soapenv =’http://schemas.xmlsoap.org / xaboi / gutunazal /’> \
               <soapenv:Body> \
                    <GetListItems xmlns =’http://schemas.microsoft.com / SharePoint / xaboi /’> \
                       <Hosto erorkorreko>Azpi-karpetak zerrenda pertsonalizatua</Hosto erorkorreko> \
                       <viewFields> \
                           <ViewFields> \
                              <FieldRef izena = 'Izenburua’ /> \
                              <FieldRef izena = 'EncodedAbsUrl’ /> \
                          </ViewFields> \
                       </viewFields> \
                       <queryOptions> \
                         <QueryOptions> \
                           <Karpeta>http://demoserver1/Blogging Eszenatoki / zerrendak / karpetak Azpi / 2006 Urtea zerrenda pertsonalizatua</Karpeta> \
                         </QueryOptions> \
                       </queryOptions> \
                   </GetListItems> \
               </soapenv:Body> \
           </soapenv:Gutun-azal>";

</amaiera>

Nire blog Harpidetu.

Follow me on Twitter http://www.twitter.com/pagalvin

Etengabe nidificantes <div> Tags eta jQuery

Utzi erantzun bat

Hau oddball gaia halako dirudi, Ez dakit, benetan merezi blogging buruz da, Baina hori ez da inoiz gelditu me aurretik, beraz, hemen goaz Smile

Kanpo lan egiten dut proiektu bat non zenbait datu naiz tira bilaketa bat aurrera, it PACKAGING sortu XML mezua sartu eta, ondoren, XML hori, azken finean HTML bihurtzen XSLT bidez. Bertan, parte hartzen duten jQuery asko, horietako bat bit tabbing funtzionalitateren bat burutuko du. Noiz egin klik fitxa bat duzu (benetan, bat <div>), jQuery deitzeko. ezkutatu() eta. show() divs hainbat (Hasierako orria karga eduki guztiak deskargatzen daude, kasu honetan, beraz, ez postbacks).

A ordu mordo ago, fitxa kommutazio logika History hasi zen, eta ez zen nire fitxak bat erakusteko. Jarraituko dut, azken finean, bertan behera Izan ere, Internet Explorer (gutxienez) pentsatu duten <div> tags habiaratuta urrun, urrun sustatzailearen intended.The toolbar baino sakonagoa izango litzateke erakusteko:

-<div id = "Tab1Content">
-<div>
    -<div>
      -<div id = "Tab2Content">
        -<div>
           ..............................
                   </div> <-Azkenik itxi egin zuten modu guztiak behera hemen erakusten!

Beraz,, nuen bat bada $("# Tab1Content").ezkutatu(), Era berean nuke ezkutatu Tab2 eta inoiz izan nuen erakusteko Tab2 nuen ez bada ere erakusten Tab1. Kopiatu eta itsatsi dut kodearen sortu estudioan sartu eta ikusmen div horrek estaldura guztia erakutsi zuen nicely, bezala ziren ustezko izango da egiten ari, hau atsegin bila:

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

Nire burua beat dut pixka bat hormaren kontra, eta nabaritu da benetako HTML kode zela hutsik asko sortzen <div> Euskal Herria, bezala:

<gorputza>

<div id = "Tab1Content">

    <div id = "row1" />
    <div id = "ROW2" />

</div>

<div id = "Tab2Content">

    <div id = "row1" />
    <div id = "ROW2" />

</div>

</gorputza>

(Goiko da waaaaaaaaaaaay oversimplified. Hutsik div tags guztiz baliozko. Nire batzuk <div> etiketa eduki beteta, baina beste asko ez ziren. Izan zen gauzatu nuen nire <xsl:-bakoitzak> zuzentarau ziren labur-inprimaki div tags igortzen denean xsl du:-bakoitzean ez zuen 'aurkitu daturik. HTML iruzkin bat behartu dut irteera sartu, ikus daitekeen bezala:

Egin nuen, eta ondoren, div guztiak egin lerrokatuta nicely eta nire fitxa aldatzen hasi zen lanean.

Beti bezala, Hau pixka bat norbaitek laguntzen espero dut.

</amaiera>

Nire blog Harpidetu.

Follow me on Twitter http://www.twitter.com/pagalvin

Hala ere, gehiago jQuery–Aldatu irudia Adibidea

Utzi erantzun bat

Web zati bat heredatu dut bezero bat saltzaile zaharrak eta irudi-tamaina arazo ditu. Irudiak 60 izan beharko luke×50 baina zenbait arraro arrazoirik, jatorrizko saltzaileak behartuta horietako 42 sartu×42, beraz zapaldu begiratzen dute:

Ona irudia	Bad irudia

Hemen markaketa da (zertxobait sinplifikatu):

<taula class = 'hedatua-aurreikuspenak'>
<thead>
    <tr>
      <garren width = '100′>3 Asteartea</garren>
    </tr>
</thead>

<tbody>
    <tr class = 'iragarpena'>
      <td width = '100′>
        <st>
          <li class = 'handia'>Alta: 72&duzu;F</li>
          <li class = 'txikia'>Behe: 44&duzu;F</li>
          <li class = 'baldintza'>Eguzkitsua
            <img src =’http://deskwx.weatherbug.com/images/Forecast/icons/localized/60×50/en/trans/cond007.png’ width = '42’ altuera = '42’ alt =” />
          </li>
        </st>
      </td>
    </tr>

</tbody>

</taula>

Kontutan izango duzu, nahiz eta hori irudi bera bide dimentsio egokia erakusten (60×50) jatorrizko saltzaileari behartu du 42×42. Zergatik? Seiko.

Hala ere, Arazo honi irtenbide azkar eta erraz bat egin nahi nuen, eta gaurkoan jQuery nahi dut. Trikimailu zen egoki guztiak aurkitu ahal izateko <img> tags. Nik ez dut nahi muck buruzko edozein img beste Etiketadun (horietatik asko daude). JQuery apur hau egin trikimailu:

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

<script type="text/javascript">
     $(dokumentu).prest(funtzioa () {

         $(‘li.condition > img ').bakoitzeko(funtzioa (indizea, elementua)
            {
             $(elementua).css("width", "60");
             $(elementua).css("height", "50");
            });
     }); // dokumentua kargatzean
</script>

Kodea pixka duten bilduma aurkitzen <li> tags zeinen class "baldintza" eta <img> seme-alabak. Hori guztia bidez gero iterates. Xarma bat bezala lan egin zuen.

Ziurrenik izan nuen arintzea da, izan zen, baina ez dut sekula bat unix zentzuduna mota hori konpondu π to 18 digituak doitasun sed eta awk erabiliz, eta ez naiz horrelako jQuery zentzuduna bada bai Smile .

</amaiera>

Nire blog Harpidetu.

Follow me on Twitter http://www.twitter.com/pagalvin

Hartu zure OK kontrola eta botoiak Utzi

3 Erantzunak

Idatzi dut Artikulu honetan berriz, berriro, baina itxura ez nuen bezala lotzeko nire blog momentuan, beraz, hemen doa:

Artikulu honetan azaltzen da nola newform.aspx batek orri redirect erabiltzaileak sakatzen OK eta beste orri bat sakatzen denean, bertan behera utzi zuen behartzeko.

</amaiera>

Nire blog Harpidetu.

Follow me on Twitter http://www.twitter.com/pagalvin

Quick Tip: JQuery gehituz MOSS editoriala orrialdeak

1 Erantzun

Noiz MOSS argitaletxea orrialdeak jQuery erabiliz hobetzen, Honako abiadura erliebe hit dut:

Server Error in ‘/’ Aplikazioa.

Analizatzailea Akatsa

Deskribapena: Akats bat izan da baliabide bat eskatzen analizatzean gertatu da eskaera hau servicio. Mesedez, berrikusi eta honako partida errorea xehetasunak eta zure iturburu fitxategia aldatu egokian.

Analizatzailea Errorea mezua: Edukia kontrolak bakarrik onartzen dira zuzenean eduki orrialdea hori du Edukia kontrolak hasi.

Iturria Akatsa:

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

Iturburu fitxategia: /_catalogs / orrimaisua / KCC_FacultyMember.aspx Line: 12

Bertsioaren informazioa: Microsoft. NET Framework bertsioa:2.0.50727.4927; ASP.NET bertsioa:2.0.50727.4927

Nahikoa erraz konpondu zen (h / t nire lankide, Uday Ethirajulu). Ziurtatu jQuery kodea duen "PlaceHolderAdditionalPageHead" barruan bizi erakusten:

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

<script

    type="text/javascript"

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

</script>

<script type="text/javascript">

$(dokumentu).prest(funtzioa() {

   // Brilliant jQuery stuff doa hemen.

   });

</script>

</amaiera>

Nire blog Harpidetu.

Follow me on Twitter http://www.twitter.com/pagalvin