XSLT
ssss
Article
This is code sample
This is article text.
words words words
Basic Example
The .xml data file
<?xml version="1.0" encoding="ISO-8859-1"?>
<?xml-stylesheet type="text/xsl" href="test.xslt"?>
<data>
<heading>
<title>XSLT</title>
</heading>
<link>
<title>Local</title>
<li>alpha</li>
<li>beta</li>
<li>gamma</li>
</link>
<link>
<title>Remote</title>
<li>delta</li>
<li>epsilon</li>
<li>upsilon</li>
</link>
<article>
<title>Basic Example</title>
<block type="code">
<title>The .xml data file</title>
<data>
</data>
</block>
</article>
</data>
The .xslt style file
<?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>
<head>
<style>
.code { background-color: yellow }
</style>
</head>
<body>
<h1>Topic: <xsl:value-of select="/data/heading/title"/></h1>
<xsl:for-each select="/data/link">
<h2>Links: <xsl:value-of select="title"/></h2>
<ul>
<xsl:for-each select="li">
<li><xsl:value-of select="."/></li>
</xsl:for-each>
</ul>
</xsl:for-each>
<xsl:for-each select="/data/article">
<h2><xsl:value-of select="title"/></h2>
<xsl:for-each select="block">
<xsl:choose>
<xsl:when test='@type="code"'>
<h4><xsl:value-of select="title"/></h4>
<pre class="code"><xsl:value-of select="data"/></pre>
</xsl:when>
</xsl:choose>
</xsl:for-each>
</xsl:for-each>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
The .html file
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<script type="text/javascript">
var xml = new ActiveXObject("Microsoft.XMLDOM")
xml.async = false
xml.load( "xslt.xml")
// Load XSL
var xsl = new ActiveXObject("Microsoft.XMLDOM")
xsl.async = false
xsl.load( "test.xslt")
// Transform
document.write( xml.transformNode(xsl))
</script>
</body>
</html>