ಟ್ಯಾಗ್ ಆರ್ಕೈವ್ಸ್: XSLT

XSLT ಮತ್ತು jQuery ಸ್ಯಾಂಪಲ್ಸ್

ನಾನು XSLT ಮತ್ತು jQuery ನ ಸಾಕಷ್ಟು ಮಾಡುವುದರಿಂದ ಮತ್ತು ಇತರರು ಭವಿಷ್ಯದಲ್ಲಿ ಉಪಯುಕ್ತ ಕೆಲವು ತುಣುಕುಗಳನ್ನು ಹಂಚಿಕೊಳ್ಳಲು ಎಂದೆನಿಸಿತ್ತು ಮಾಡಲಾಗಿದೆ.

ಉದಾಹರಣೆ 1: ಸರಳ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಹೊರಸೂಸುತ್ತವೆ / XSLT ರಲ್ಲಿ jQuery:

<XSL:template match="something" ಮದುವೆ:space="preserve">

  <!– ಪ್ರಶ್ನೆಗೆ ಸ್ನೇಹಿ ಶೋಧಕಗಳು ಗುಪ್ತ ಕ್ಷೇತ್ರದಲ್ಲಿ ಔಟ್ ಖಾಲಿ –>
  <ಸ್ಕ್ರಿಪ್ಟ್ ಕೌಟುಂಬಿಕತೆ = "ಪಠ್ಯ / ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್">
    $(ದಾಖಲೆ).ಸಿದ್ಧ(ಕ್ರಿಯೆ(){
      $("#QueryFriendlyFilters").ವಾಲ್("empty");
    });
  </ಸ್ಕ್ರಿಪ್ಟ್>

</XSL:ಪ್ರಮಾಣ ಫಲಕ>

ಆ ಬಿಟ್ ಲೋಡ್ ಮುಗಿಸಲು ಪುಟ ಕಾಯುತ್ತದೆ ಕೆಲವು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಹೊರಸೂಸುತ್ತದೆ (ಕಾರಣ $(ದಾಖಲೆ).ಸಿದ್ಧ(...)) ತದನಂತರ "ಖಾಲಿ" ಅಕ್ಷರಶಃ ಮೌಲ್ಯಕ್ಕೆ QueryFriendlyFilters ಎಂಬ ಗುಪ್ತ ಕ್ಷೇತ್ರದಲ್ಲಿ ಮೌಲ್ಯವನ್ನು ಹೊಂದಿಸುತ್ತದೆ.

ಉದಾಹರಣೆ 2: ಬಳಸುವುದು <XSL:ವೇಳೆ> "ಕ್ಕಿಂತ" ಪರಿಶೀಲಿಸಲು,  "ಕಡಿಮೆ", ಇತ್ಯಾದಿ.

<XSL:template match="something" ಮದುವೆ:space="preserve">

  <div id="fdcAllFilters">
 
    <XSL:if test="@Count>0">
      <span class="fdcFilterLabel">ಪ್ರಸ್ತುತ ಫಿಲ್ಟರ್:</ದಾಟು>
    </XSL:ವೇಳೆ>

    <!– ಹೆಚ್ಚಿನ ವಿಷಯವನ್ನು ಇಲ್ಲಿ ನಡೆಯುತ್ತದೆ. –>

</XSL:ಪ್ರಮಾಣ ಫಲಕ>

ಮೇಲೆ ತುಣುಕನ್ನು "ಏನೋ" ಅಂಶದ "ಕೌಂಟ್" ಎಂಬ ಒಂದು ಲಕ್ಷಣವನ್ನು ಶೂನ್ಯ ಹೆಚ್ಚಾಗಿದ್ದರೆ ನೋಡಲು ಪರಿಶೀಲಿಸುತ್ತದೆ.  ಈ ಹಿಂದೆ ಮದುವೆ ಏನೋ ಹಾಗೆ ಎಂದು:"

</ ಏನೋ ಕೌಂಟ್ = "5">

ಉದಾಹರಣೆ 3: ಎಲ್ಲಾ ಅಂಶಗಳನ್ನು ಮೂಲಕ ತಿರುಗಿ, jQuery ಕರೆಗಳು interspersing.

<!– ಎಲ್ಲಾ ಶೋಧಕಗಳ ಮೂಲಕ ಮರಳಿ ಮತ್ತು ಸರಿಯಾದ ಪ್ರದರ್ಶಿಸಲು  ಕೊಂಡಿಗಳು. –>
<XSL:for-each select="UserFilter">

  <a class="FilterHref" href="javascript:mySubmitPage(‘RemoveUserFilter’,'{@ ID}')">[ಎಕ್ಸ್]</ಒಂದು>

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

  <ಸ್ಕ್ರಿಪ್ಟ್ ಕೌಟುಂಬಿಕತೆ = "ಪಠ್ಯ / ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್">

    $(ದಾಖಲೆ).ಸಿದ್ಧ(ಕ್ರಿಯೆ(){
        <XSL:ಪಠ್ಯ><![CDATA[$("#QueryFriendlyFilters").ವಾಲ್( ($("#QueryFriendlyFilters").ವಾಲ್() + " ]]></XSL:ಪಠ್ಯ>\"<XSL:value-of select="@FilterValue"/>\"<XSL:ಪಠ್ಯ><![CDATA["));]]></XSL:ಪಠ್ಯ>
    });

  </ಸ್ಕ್ರಿಪ್ಟ್>

</XSL:-ಪ್ರತಿಯೊಂದು>

ಮೇಲೆ ತುಣುಕನ್ನು ಅತ್ಯಂತ ಸಂಕೀರ್ಣವಾಗಿದೆ ಮತ್ತು ಇದು ಮಾಡಲು ಸುಲಭ ರೀತಿಯಲ್ಲಿ ಇರುತ್ತದೆ.

ಈ ಹಿಂದೆ ಮದುವೆ ಸ್ಥೂಲವಾಗಿ ಈ ತೋರುತ್ತಿದೆ:

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

ಈ ತುಣುಕನ್ನು ಮೂಲಕ iterating ಇದೆ <ಬಳಕೆದಾರ ಫಿಲ್ಟರ್> ಗ್ರಂಥಿಗಳು. 

ಇದು ಮೊದಲ ಕ್ಲಿಕ್ ಮಾಡಿದಾಗ ಪುಟದಲ್ಲಿ ಈಗಾಗಲೇ ಒಂದು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕಾರ್ಯ ಆಹ್ವಾನಿಸಬಹುದು ಒಂದು ಆಧಾರ ಟ್ಯಾಗ್ ಹೊರಸೂಸುತ್ತದೆ, "MySubmitPage" ಮತ್ತು ಒಂದು ಗುಣಲಕ್ಷಣ ಮೌಲ್ಯದ ಹಾದು <ಬಳಕೆದಾರ ಫಿಲ್ಟರ್> "ID" ಎಂಬ ನೋಡ್. 

ಇದು ನಂತರ ಪುಟವನ್ನು ಲೋಡ್ ಮಾಡಲು ಕಾಯುತ್ತದೆ ಕೆಲವು jQuery ಹೊರಸೂಸುತ್ತದೆ.  ಆ jQuery ನವೀಕರಣಗಳನ್ನು FilterValue ಗುಣಲಕ್ಷಣ ಮೌಲ್ಯವನ್ನು ಸೇರಿಸುವುದರ ಮೂಲಕ "QueryFriendlyFilters" ಎಂಬ ಗುಪ್ತ ಕ್ಷೇತ್ರದಲ್ಲಿ.  ಎಲ್ಲಾ ಕ್ರೇಜಿ ಗಮನಿಸಿ <XSL:ಪಠ್ಯ> ಮತ್ತು <![CDATA[ ... ]]> ದ್ರವ್ಯ.

ಅದು ಇಲ್ಲಿದೆ, ಇದು ಸಹಾಯ ಭಾವಿಸುತ್ತೇವೆ!

</ಕೊನೆಯಲ್ಲಿ>

ನನ್ನ ಬ್ಲಾಗ್ ಚಂದಾದಾರರಾಗಿ.

ನಲ್ಲಿ ಟ್ವಿಟ್ಟರ್ ನನ್ನನ್ನು ಅನುಸರಿಸಿ http://www.twitter.com/pagalvin

ಎಂಡ್ಲೆಸ್ಲಿ ಗೂಡುಕಟ್ಟುವ <div> ಟ್ಯಾಗ್ಗಳು ಮತ್ತು jQuery

ಇದು ಒಂದು ವಿಲಕ್ಷಣ ವ್ಯಕ್ತಿ ವಿಷಯ ಹಾಗೆ ತೋರುತ್ತದೆ, ಅದರ ಬಗ್ಗೆ ನಿಜವಾಗಿಯೂ ಮೌಲ್ಯದ ಬ್ಲಾಗಿಂಗ್ ಅಂತ ಖಾತರಿಯಿಲ್ಲ ಮನುಷ್ಯ, ಆದರೆ ಮೊದಲು ನನಗೆ ಯಾವತ್ತೂ ನಿಲ್ಲಿಸಿಲ್ಲ ವಿಶೇಷವೇನು, ಆದ್ದರಿಂದ ಇಲ್ಲಿ ನಾವು ಹೋಗಿ ಸ್ಮೈಲ್

ನಾನು ಒಂದು ಹುಡುಕು ಕೆಲವು ಮಾಹಿತಿ ಎಳೆದಾಡುವುದು ಬಾಗುತ್ತೇನೆ ಅಲ್ಲಿ ಯೋಜನೆಯಲ್ಲಿ ಔಟ್ ಕೆಲಸ ಬಾಗುತ್ತೇನೆ, ಮದುವೆ ಅಂತಿಮವಾಗಿ XSLT ಮೂಲಕ HTML ಗೆ ರೂಪಾಂತರಗೊಳ್ಳುತ್ತದೆ ಎಂದು ನಂತರ ಮದುವೆ ಸಂದೇಶವನ್ನು ಅದನ್ನು ಅಪ್ ಪ್ಯಾಕಿಂಗ್.  ಒಳಗೊಂಡಿರುವ jQuery ಬಹಳ ಕಷ್ಟ, ಇದು ಒಂದು ಬಿಟ್ ಕೆಲವು tabbing ಕಾರ್ಯಗಳನ್ನು ಕೈಗೊಳ್ಳುತ್ತದೆ.  ನೀವು ಒಂದು ಟ್ಯಾಬ್ ಮೇಲೆ ಕ್ಲಿಕ್ ಮಾಡಿ (ನಿಜವಾಗಿ, ಒಂದು <div>), jQuery ಮೊರೆಯಿಡುತ್ತದೆ. ಮರೆಮಾಡಿ() ಮತ್ತು. ಪ್ರದರ್ಶನ() ವಿವಿಧ divs ಮೇಲೆ (ಈ ಸಂದರ್ಭದಲ್ಲಿ ಯಾವುದೇ postbacks ಇವೆ ಹೀಗಾಗಿ ಆರಂಭಿಕ ಪುಟ ಲೋಡ್ ಎಲ್ಲಾ ವಿಷಯವನ್ನು ಡೌನ್).

ಗಂಟೆಗಳ ಒಂದು ಗುಂಪೇ ಹಿಂದೆ, ಟ್ಯಾಬ್ ಸ್ವಿಚಿಂಗ್ ತರ್ಕ ಸಿಕ್ಕಾಬಟ್ಟೆ ವರ್ತಿಸುತ್ತಾರೆ ಶುರುವಾಯಿತು ನನ್ನ ಟ್ಯಾಬ್ಗಳನ್ನು ಒಂದು ತೋರಿಸಲು ಸಾಧ್ಯವಿಲ್ಲ.  ನಾನು ಅಂತಿಮವಾಗಿ ಅಂತರ್ಜಾಲ ಪರಿಶೋಧಕ ವಾಸ್ತವವಾಗಿ ಅದನ್ನು ಕೆಳಗೆ ಟ್ರ್ಯಾಕ್ (ಕನಿಷ್ಠ) ಚಿಂತನೆಯು <div> ಟ್ಯಾಗ್ಗಳು ದೂರದ ಅಡಗಿಸಿದ, intended.The ಡೆವಲಪರ್ ಟೂಲ್ಬಾರ್ ತುಂಬಾ ಆಳವಾದ ತೋರಿಸಿದವು:

-<div ID = "Tab1Content">
  -<div>
    -<div>
      -<div ID = "Tab2Content">
        -<div>
           ..............................
                   </div>  <-ಕೊನೆಗೆ ಎಲ್ಲಾ ರೀತಿಯಲ್ಲಿ ಕೆಳಗೆ ಇಲ್ಲಿ ಕಡಿದು ತೋರಿಸುವ!

ಆದ್ದರಿಂದ, ನಾನು ಮಾಡಿದರೆ $("# Tab1Content").ಬಚ್ಚಿಡು(), ನಾನು Tab2 ಅಡಗಿಸು'd ಮತ್ತು ನಾನು Tab1 ತೋರಿಸಲು ಮಾಡದಿದ್ದಲ್ಲಿ ನಾನು Tab2 ತೋರಿಸಲು ಸಾಧ್ಯವಿಲ್ಲ.  ನಾನು ನಕಲು ಮತ್ತು ಅಂಟಿಸಲಾಗಿದೆ ಕೋಡ್ ಅಪ್ ದೃಶ್ಯ ಸ್ಟುಡಿಯೋಗೆ ಮತ್ತು ಅಲೆಯಲ್ಲಿ div ತಂದೆಯ ಪದರವನ್ನು ಎಲ್ಲಾ ಅಪ್ ತೋರಿಸಿದರು, ಮಾಡುತ್ತಿದ್ದ ಭಾವಿಸಲಾಗಿತ್ತು ಕೇವಲ ನಂತಹ, ಈ ಕಾಣುತ್ತವೆ:

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

ನಾನು ಆ ಗೋಡೆಗೆ ನನ್ನ ತಲೆ ಸೋಲಿಸಿ ನಿಜವಾದ HTML ಕೋಡ್ ರಲ್ಲಿ ಖಾಲಿ ಬಹಳಷ್ಟು ಉತ್ಪಾದಿಸುವ ಗಮನಿಸಿದ <div> ಟ್ಯಾಗ್ಗಳು, ನಂತಹ:

<ದೇಹ>

  <div ID = "Tab1Content">

    <div ID = "ROW1" />
    <div ID = "ROW2" />

  </div>

  <div ID = "Tab2Content">

    <div ID = "ROW1" />
    <div ID = "ROW2" />

  </div>

</ದೇಹ>

(ಮೇಲಿನ ಸರಳೀಕೃತ ಮೇಲೆ waaaaaaaaaaaay ಆಗಿದೆ.  ಖಾಲಿ div ಟ್ಯಾಗ್ಗಳು ಸಂಪೂರ್ಣವಾಗಿ ಮಾನ್ಯವಾಗಿರುವ. ನನ್ನ ಕೆಲವು <div> ಟ್ಯಾಗ್ಗಳು ವಿಷಯ ಭರ್ತಿಯಾಗಿದ್ದವು, ಆದರೆ ಹಲವು ಇರಲಿಲ್ಲ.  ನಾನು ಸಾಕ್ಷಾತ್ಕಾರ ಬಂದ ನನ್ನ <XSL:-ಪ್ರತಿಯೊಂದು> ಯಾವಾಗ XSL ನಿರ್ದೇಶನ ಸಣ್ಣ ರೂಪ div ಟ್ಯಾಗ್ಗಳು ಹೊರಸೂಸುವ ಮಾಡಲಾಯಿತು:ಫಾರ್-ಪ್ರತಿ 'ಯಾವುದೇ ಮಾಹಿತಿ ಸಿಗಲಿಲ್ಲ.  ನಾನು ಔಟ್ಪುಟ್ ಒಂದು HTML ಕಾಮೆಂಟ್ ಬಲವಂತವಾಗಿ, ತೋರಿಸಲಾಗಿದೆ ಎಂದು:

image

 

ನಾನು ಮಾಡಿದ ನಂತರ, ಎಲ್ಲಾ div ಅಲೆಯಲ್ಲಿ ಪೂರೈಸಿದೆ ಮತ್ತು ನನ್ನ ಟ್ಯಾಬ್ ಸ್ವಿಚಿಂಗ್ ಕೆಲಸ ಆರಂಭಿಸಿದರು ವಿಶೇಷವೇನು.

ಯಾವಾಗಲೂ ಹಾಗೆ, ನಾನು ಈ ಒಂದು ಪಿಂಚ್ ರಲ್ಲಿ ಯಾರಾದರೂ ಸಹಾಯ ಭಾವಿಸುತ್ತೇವೆ.

</ಕೊನೆಯಲ್ಲಿ>

ನನ್ನ ಬ್ಲಾಗ್ ಚಂದಾದಾರರಾಗಿ.

ನಲ್ಲಿ ಟ್ವಿಟ್ಟರ್ ನನ್ನನ್ನು ಅನುಸರಿಸಿ http://www.twitter.com/pagalvin

ಉದಾಹರಣೆ: XSLT ರಚಿಸಲಾಗುತ್ತಿದೆ HTML href ನ

ನಾನು ಇತ್ತೀಚೆಗೆ XSL ವಿಷಯವನ್ನು ಸ್ವಲ್ಪ ಮಾಡುವ ಮತ್ತು ನನ್ನ ಭವಿಷ್ಯದ ಉಲ್ಲೇಖಕ್ಕಾಗಿ ಮಾದರಿಯನ್ನು ರೂಪಿಸಿದರು ಎಂದೆನಿಸಿತ್ತು ಮತ್ತು ನಮಗೆ XSLT-ERS ಎಲ್ಲಾ internets ಒಂದು ದೇಶ ಮಾಡಲು ಮೌಲ್ಯದ ಇರಬಹುದು ಮಾಡಲಾಗಿದೆ.

ಕೆಳಗಿನ ಮದುವೆ ಪರಿಗಣಿಸಿ:

<FdcSearchTabsCollection Count="2">
  <SearchTab Label="Industry" SortOrder=”00” Label=”Industries” SearchConstraints="contenttype:ಉದ್ಯಮ" TabID="831b2a74-98c4-4453-8061-86e2fdb22c63"/>
  <SearchTab Label="Practices" SortOrder=”01” Label=”Practices” SearchConstraints="contenttype:PracticeGroups" TabID="678e206b-6996-421f-9765-b0558fe1a9c0"/>
</FdcSearchTabsCollection>

ಕೆಳಗಿನ XSL ತುಣುಕನ್ನು hrefs ಟ್ಯಾಬ್ಗಳನ್ನು ಒಂದು ಪ್ರತಿಗಳ ಪಟ್ಟಿಯನ್ನು ರಚಿಸುತ್ತೇವೆ:

<XSL:template match="FdcSearchTabsCollection" ಮದುವೆ:space="preserve">
   
    <!– The "all" ಟ್ಯಾಬ್ –>
    <a href="javascript:ViewTab(‘All’)">ಎಲ್ಲಾ ವೀಕ್ಷಿಸಿ</ಒಂದು>
   
    <!– ಪ್ರತಿಯೊಂದು ಟ್ಯಾಬ್ –>
    <!– ಎಲ್ಲಾ ಟ್ಯಾಬ್ಗಳನ್ನು ಮೂಲಕ ಮರಳಿ ಮತ್ತು ಸರಿಯಾದ ಪ್ರದರ್ಶಿಸಲು  ಕೊಂಡಿಗಳು. –>
    <XSL:for-each select="SearchTab">
      <XSL:sort select="@SortOrder"/>

      …
      <a href="javascript:ViewTab('{@ TabID}')"><XSL:value-of select="@Label"/></ಒಂದು>
    </XSL:-ಪ್ರತಿಯೊಂದು>

    <br /> 
   

   </XSL:ಪ್ರಮಾಣ ಫಲಕ>

ಇಲ್ಲಿ ಶೇರ್ಪಾಯಿಂಟ್ ರಲ್ಲಿ ತೋರುತ್ತಿದೆ ಇಲ್ಲಿದೆ:

SNAGHTML78aa2cb

 

 

</ಕೊನೆಯಲ್ಲಿ>

ನನ್ನ ಬ್ಲಾಗ್ ಚಂದಾದಾರರಾಗಿ.

ನಲ್ಲಿ ಟ್ವಿಟ್ಟರ್ ನನ್ನನ್ನು ಅನುಸರಿಸಿ http://www.twitter.com/pagalvin