ایکس ایس ایل ٹی - کلائنٹ پر

ਅਗਰ ਤੁਹਾਡਾ ਬਰਾਉਜ਼ਰ XSLT ਨੂੰ ਸਮਰਥਨ ਕਰਦਾ ਹੈ, ਤਾਂ ਇਹ ਬਰਾਉਜ਼ਰ ਵਿੱਚ ਦਸਤਾਵੇਜ਼ ਨੂੰ XHTML ਵਿੱਚ ਬਦਲਣ ਲਈ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ.

JavaScript ਸਲਿਊਸ਼ਨ

ਪਹਿਲਾਂ ਦੇ ਚਾਪਟਰ ਵਿੱਚ, ਅਸੀਂ ਤੁਹਾਨੂੰ ਇਹ ਸਿੱਖਿਆ ਦਿੱਤੀ ਹੈ ਕਿ ਕਿਵੇਂ XSLT ਨਾਲ ਕਿਸੇ XML ਦਸਤਾਵੇਜ਼ ਨੂੰ XHTML ਵਿੱਚ ਬਦਲਿਆ ਜਾ ਸਕਦਾ ਹੈ. ਅਸੀਂ ਇਹ ਕੰਮ ਨਾਲ ਕੀਤਾ ਹੈ: XML ਫਾਈਲ ਵਿੱਚ XSL ਸਟਾਈਲ ਸ਼ੇਅਰਟ ਜੋੜਨਾ ਅਤੇ ਬਰਾਉਜ਼ਰ ਦੁਆਰਾ ਟਰਾਂਸਫਾਰਮ ਕਰਨਾ.

ਭਾਵੇਂ ਇਹ ਤਰੀਕਾ ਕਾਫੀ ਉਪਯੋਗੀ ਹੋਵੇ, XML ਫਾਈਲ ਵਿੱਚ ਸਟਾਈਲ ਸ਼ੇਅਰਟ ਨੂੰ ਸ਼ਾਮਲ ਕਰਨਾ ਹਰ ਸਮੇਂ ਬਹੁਤ ਪਸੰਦ ਨਹੀਂ ਹੁੰਦਾ ਹੈ (ਉਦਾਹਰਣ ਲਈ, ਜਿਸ ਵਿੱਚ XSLT ਨੂੰ ਪਛਾਣਿਆ ਨਹੀਂ ਜਾ ਸਕਦਾ ਹੈ ਇਸ ਤਰੀਕੇ ਨਾਲ ਕੰਮ ਨਹੀਂ ਚਲੇਗਾ).

ਇੱਕ ਸਾਧਾਰਨ ਤਰੀਕਾ ਇਹ ਹੈ ਕਿ JavaScript ਦੀ ਵਰਤੋਂ ਨਾਲ ਟਰਾਂਸਫਾਰਮ ਕਰੋ

JavaScript ਦੀ ਵਰਤੋਂ ਨਾਲ ਅਸੀਂ ਇਹ ਕਰ ਸਕਦੇ ਹਾਂ:

  • ਬਰਾਉਜ਼ਰ ਨੂੰ ਨਿਸ਼ਚਿਤ ਕਰਨ ਲਈ ਪ੍ਰੀਖਿਆ ਕਰੋ
  • ਬਰਾਉਜ਼ਰ ਅਤੇ ਵਰਤੋਂਕਾਰੀ ਦੀਆਂ ਜ਼ਰੂਰਤਾਂ ਨੂੰ ਧਿਆਨ ਵਿੱਚ ਰੱਖ ਕੇ ਵੱਖ-ਵੱਖ ਸਟਾਈਲ ਸ਼ੇਅਰਟਾਂ ਦਾ ਇਸਤੇਮਾਲ ਕਰੋ

ਇਹ ਹੀ XSLT ਦੀ ਮੰਤਰੀ ਹੈ! XSLT ਦਾ ਤਜਰਬਾ ਇੱਕ ਰੂਪ ਤੋਂ ਦੂਜੇ ਰੂਪ ਵਿੱਚ ਟਰਾਂਸਫਾਰਮ ਹੋਣ ਦੀ ਸਮਰੱਥਾ ਦੇਣ ਦਾ ਇੱਕ ਹੈ, ਨਾਲ ਹੀ ਵੱਖ-ਵੱਖ ਪ੍ਰਕਾਰ ਦੇ ਬਰਾਉਜ਼ਰਾਂ ਅਤੇ ਵੱਖ-ਵੱਖ ਵਰਤੋਂਕਾਰੀਆਂ ਦੀਆਂ ਜ਼ਰੂਰਤਾਂ ਨੂੰ ਪੂਰਾ ਕਰਨ ਦੀ ਸਮਰੱਥਾ ਹੈ.

ਬਰਾਉਜ਼ਰ ਪਾਸੇ ਦੇ XSLT ਟਰਾਂਸਫਾਰਮ ਜ਼ਰੂਰਤ ਵਾਲੀਆਂ ਮੁੱਖ ਕਾਰਜਾਂ ਵਿੱਚੋਂ ਇੱਕ ਹੋਵੇਗਾ, ਅਤੇ ਅਸੀਂ ਇਸ ਦੇ ਵਿਸ਼ੇਸ਼ ਬਰਾਉਜ਼ਰ ਬਜ਼ਾਰ ਵਿੱਚ ਵੀ ਵਿਕਾਸ ਦੇਖਾਂਗੇ (ਬਲਾਈਨਡ, ਨੈੱਟਵਰਕ ਪ੍ਰਿੰਟਰ, ਸੰਗੀਤ ਉਪਕਰਣ, ਆਦਿ).

XML ਫਾਈਲ ਅਤੇ XSL ਫਾਈਲ

ਇਸ ਪਹਿਲਾਂ ਦੇ ਚਾਪਟਰ ਵਿੱਚ ਵਿਖਾਇਆ ਹੋਇਆ XML ਦਸਤਾਵੇਜ਼ ਦੇਖੋ:

<?xml version="1.0" encoding="ISO-8859-1"?>
<catalog>
  <cd>
    <title>Empire Burlesque</title>
    <artist>Bob Dylan</artist>
    <country>USA</country>
    <company>Columbia</company>
    <price>10.90</price>
    <year>1985</year>
  </cd>
.
.
.
</catalog>

ਇਹ XML ਫਾਈਲ ਦੇਖੋ。

ਅਤੇ ਨਾਲ ਚੰਗਾ ਵੀ ਵਿਸ਼ੇਸ਼ ਇੰਜਾਮਾਂ:

<?xml version="1.0" encoding="ISO-8859-1"?>
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
  <html>
  <body>
    <h2>My CD Collection</h2> 
    <table border="1">
      <tr bgcolor="#9acd32">
        <th align="left">Title</th> 
        <th align="left">Artist</th> 
      </tr>
      <xsl:for-each select="catalog/cd">
      <tr>
        <td><xsl:value-of select="title" /></td>
        <td><xsl:value-of select="artist" /></td>
      </tr>
      </xsl:for-each>
  </table>
  </body>
  </html>
</xsl:template>
</xsl:stylesheet>

ਇਹ XSL ਫਾਈਲ ਦੇਖੋ。

ਧਿਆਨ ਦੇਵੋ ਕਿ ਇਹ XML ਫਾਈਲ XSL ਫਾਈਲ ਦੀ ਸਲਾਹਦਾਤ ਨਹੀਂ ਕਰਦੀ ਹੈ。

ਮਹੱਤਵਪੂਰਨ ਗੱਲ:ਇਹ ਕਹਿਣ ਦਾ ਮਤਲਬ ਹੈ ਕਿ XML ਫਾਈਲ ਨੂੰ ਕਈ ਵਿੱਚ ਅਲੱਗ-ਅਲੱਗ XSL ਸਟਾਈਲ ਸ਼ੇਅਰ ਵਿੱਚ ਬਦਲਿਆ ਜਾ ਸਕਦਾ ਹੈ。

XML ਨੂੰ ਬਰਾਊਜ਼ਰ ਵਿੱਚ XHTML ਵਿੱਚ ਬਦਲਣਾ

ਇਹ ਕੋਡ ਸਰਵਰ ਉੱਤੇ XML ਫਾਈਲ ਨੂੰ XHTML ਵਿੱਚ ਬਦਲਣ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ:

<html>
<body>
<script type="text/javascript">
// Load XML 
var xml = new ActiveXObject("Microsoft.XMLDOM")
xml.async = false
xml.load("cdcatalog.xml")
// Load XSL
var xsl = new ActiveXObject("Microsoft.XMLDOM")
xsl.async = false
xsl.load("cdcatalog.xsl")
// Transform
document.write(xml.transformNode(xsl))
</script>
</body>
</html>

ਸੁਝਾਅ:ਜੇਕਰ ਤੁਸੀਂ ਜਾਵਾਸਕ੍ਰਿਪਟ ਲਿਖਣ ਦਾ ਪਤਾ ਨਹੀਂ ਹੈ ਤਾਂ ਸਾਡੇ ਲਈ 'ਜਾਵਾਸਕ੍ਰਿਪਟ ਟੂਰ' ਨੂੰ ਪੜ੍ਹੋਜਾਵਾਸਕ੍ਰਿਪਟ ਟੂਰ》

ਪਹਿਲਾ ਮਾਡਿਊਲ ਮਾਈਕਰੋਸਾਫਟ ਦੇ XML ਪਾਰਸਰ ਦਾ ਇੱਕ ਇੰਸਟੈਂਸ ਬਣਾਉਂਦਾ ਹੈ ਅਤੇ ਤਬਦੀਲ ਕਰਨਾ ਸਮਾਗਮ ਲਾਇਣ ਸਮੇਂ ਮੈਮੋਰੀ ਵਿੱਚ ਲਾਇਣ ਹੁੰਦਾ ਹੈ। ਦੂਜਾ ਮਾਡਿਊਲ ਪਾਰਸਰ ਦਾ ਇੱਕ ਹੋਰ ਇੰਸਟੈਂਸ ਬਣਾਉਂਦਾ ਹੈ ਅਤੇ ਇਸ ਵਿੱਚ XSL ਫਾਈਲ ਲਾਇਣ ਹੁੰਦਾ ਹੈ। ਆਖਰੀ ਕੋਡ ਲਾਇਨ ਵਿੱਚ XSL ਦਾ ਸਮਾਗਮ ਟਰਾਂਸਫਾਰਮ ਕਰਦਾ ਹੈ ਅਤੇ ਬਰਾਊਜ਼ਰ ਵਿੱਚ ਨਤੀਜੇ ਨੂੰ XHTML ਵਜੋਂ ਦਿਖਾਉਂਦਾ ਹੈ। ਟਾਸਕ ਪੂਰਾ ਹੋਇਆ ਹੈ!

ਇਹ ਆਇਈ ਵਿੱਚ ਕਿਵੇਂ ਕੰਮ ਕਰਦਾ ਹੈ ਵੇਖੋ。