How can I perform XSLT transformations during a callback?

Mozilla comes with a very convenient XSLTProcessor, which of course means it's available in Jaxer. Here's an example of how to use it to transform an XML file in a callback and return the resulting HTML. The content is partially borrowed from the Mozilla XSLT example.

Note: To instantiate an XSLTProcessor during a callback, you must explicitly reference it off the window object! This is only necessary within functions used during callbacks, when they need to reference "global" objects.

Create a page as follows: <html> <head><title>XSLT Example</title></head> <body> <script runat="server-proxy"> function transform(xmlFile, xsltFile) { var xsltProcessor = new window.XSLTProcessor(); var xslStylesheet = Jaxer.Web.get(xsltFile, { as: "xml" }); xsltProcessor.importStylesheet(xslStylesheet); var xmlDoc = Jaxer.Web.get(xmlFile, { as: "xml" }); var fragment = xsltProcessor.transformToFragment(xmlDoc, document); var container = document.createElement("div"); container.appendChild(fragment); return container.innerHTML; } </script> <input type="button" value="transform" onclick="document.getElementById('result').innerHTML = transform('original.xml', 'transform.xslt')"> <div id="result"></div> </body> </html>

Now create the following files, in the same folder:

Here's the XML to be transformed, in a file called "original.xml": <?xml version="1.0"?> <myNS:Article xmlns:myNS="http://devedge.netscape.com/2002/de"> <myNS:Title>My Article</myNS:Title> <myNS:Authors> <myNS:Author company="Foopy Corp.">Mr. Foo</myNS:Author> <myNS:Author>Mr. Bar</myNS:Author> </myNS:Authors> <myNS:Body> The <b>rain</b> in <u>Spain</u> stays mainly in the plains. </myNS:Body> </myNS:Article>

And here's the XSLT transformation, in a file called "transform.xslt": <?xml version="1.0"?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:myNS="http://devedge.netscape.com/2002/de"> <xsl:output method="html"/> <xsl:template match="/"> <html> <head> <title> <xsl:value-of select="/myNS:Article/myNS:Title"/> </title> <style type="text/css"> .myBox {margin:10px 155px 0 50px; border: 1px dotted #639ACE; padding:0 5px 0 5px;} </style> </head> <body> <p class="myBox"> <span class="title"> <xsl:value-of select="/myNS:Article/myNS:Title"/> </span><br/> Authors:<br/> <xsl:apply-templates select="/myNS:Article/myNS:Authors/myNS:Author"/> </p> <p class="myBox"> <xsl:apply-templates select="//myNS:Body"/> </p> </body> </html> </xsl:template> <xsl:template match="myNS:Author"> --<xsl:value-of select="."/> <xsl:if test="@company"> :: <b><xsl:value-of select="@company"/></b> </xsl:if> <br/> </xsl:template> <xsl:template match="myNS:Body"> <xsl:copy> <xsl:apply-templates select="@*|node()"/> </xsl:copy> </xsl:template> <xsl:template match="@*|node()"> <xsl:copy> <xsl:apply-templates select="@*|node()"/> </xsl:copy> </xsl:template> </xsl:stylesheet>

Now serve the page through Jaxer, and click the transform button. You should see:
XSLT Output

How can I perform XSLT transformations during a callback?

Site Navigation