How to use Javascript in XSL

umeshayk · December 29th, 2003, 06:31 AM

Dear Sir

I want to know how to use the Javascript in the XSL document.

I am using like below but its not working.

<script language="javascript">
<xsl:for-each select="test-results/test-suite/results/test-suite/results/test-suite">
var test;
test=<xsl:value-of select="./@name"/>;
document.write(valueof(test) + "<br/>") ;
</xsl:for-each>
</script>

Please help me regarding this.
Regards
Umesha Y.K

joefawcett · January 2nd, 2004, 12:01 PM

If you are using Microsoft parser I suggest going to msdn.com and looking for Microsoft xml core services. The downloadable help file (otherwise known as sdk) has lots of examples on using JavaScript.

Joe (MVP - xml)

nsakic · January 10th, 2004, 10:21 AM

An example:

The XML Document:

<?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>
  <cd>
    <title>Hide your heart</title>
    <artist>Bonnie Tyler</artist>
    <country>UK</country>
    <company>CBS Records</company>
    <price>9.90</price>
    <year>1988</year>
   </cd>
   <cd>
     <title>Greatest Hits</title>
     <artist>Dolly Parton</artist>
     <country>USA</country>
     <company>RCA</company>
     <price>9.90</price>
     <year>1982</year>
    </cd>
</catalog>

The following is the XSLT Document:

<?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>

JavaScript code:

<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>

The first block of code creates an instance of the Microsoft XML parser (XMLDOM), and loads the XML document into memory. The second block of code creates another instance of the parser and loads the XSL document into memory. The last line of code transforms the XML document using the XSL document, and writes the result to the XHTML document.

-Nikolas

Mack · January 16th, 2004, 11:33 AM

Have you considered a 'scripts' template which has a CDATA section containing your javaScript? You could then call the template to dumpt the CDATA in the required place in your transform.