Tag Archives: XSLT

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

Etengabe nidificantes <div> Tags eta jQuery

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:

image

 

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

Adibidea: XSLT sortzea HTML href

XSL stuff pixka bat egon naiz egiten azkenaldian eta pentsamendua bildu nuke lagin bat nire etorkizuneko erreferentzia eta gurekin XSLT-ers internets en bizi bat egiteko balio izan.

Demagun honako XML:

<FdcSearchTabsCollection Count = "2">
  <SearchTab Label = "Industria" SortOrder = "00" Label = "industriak" SearchConstraints = "contenttype:Industria" TabID = "831b2a74-98c4-4453-8061-86e2fdb22c63" />
  <SearchTab Label = "Praktika" SortOrder = "01" Label = "egokiak" SearchConstraints = "contenttype:PracticeGroups" TabID = "678e206b-6996-421f-9765-b0558fe1a9c0" />
</FdcSearchTabsCollection>

XSL snippet hrefs fitxak ordenatuko zerrenda bat sortuko du:

<xsl:txantiloi Partidu = "FdcSearchTabsCollection" xml:espazio = "mantendu">
   
    <!– "Guztiak" fitxa –>
    <a href = "javascript:ViewTab(‘All’)">Guztiak ikusi</bat>
   
    <!– Banakako fitxa bakoitzak –>
    <!– Tabs guztietan zehar batetik bestera joateko eta zuzena erakutsi  loturak. –>
    <xsl:aukeratu = "SearchTab" bakoitzeko>
      <xsl:sort hautatu = "@ SortOrder" />

      …
      <a href = "javascript:ViewTab(‘{@ TabID}')"><xsl:balio hautatu = "@ Label" /></bat>
    </xsl:-bakoitzak>

    <br /> 
   

   </xsl:txantiloia>

Hona hemen zer itxura SharePoint bezala:

SNAGHTML78aa2cb

 

 

</amaiera>

Nire blog Harpidetu.

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