Sample HTML File for XML Data Islands
The following is the sample HTML file.
XML File (book_catalog.xml)
<?xml version="1.0"?>
<catalog>
<book id="bk101">
<title>XML Developer's Guide</title>
<author>Gambardella, Matthew</author>
<genre>Computer</genre>
<price>44.95</price>
<publish_date>2000-10-01</publish_date>
<description>An in-depth look at creating applications with XML.</description>
</book>
<book id="bk102">
<title>Midnight Rain</title>
<author>Ralls, Kim</author>
<genre>Fantasy</genre>
<price>5.95</price>
<publish_date>2000-12-16</publish_date>
<description>A former architect battles corporate zombies, an evil sorceress, and her own childhood to become queen of the world.</description>
</book>
<book id="bk103">
<title>Maeve Ascendant</title>
<author>Corets, Eva</author>
<genre>Fantasy</genre>
<price>5.95</price>
<publish_date>2000-11-17</publish_date>
<description>After the collapse of a nanotechnology society in England, the young survivors lay the foundation for a new society.</description>
</book>
<book id="bk104">
<title>Oberon's Legacy</title>
<author>Corets, Eva</author>
<genre>Fantasy</genre>
<price>5.95</price>
<publish_date>2001-03-10</publish_date>
<description>In post-apocalypse England, the mysterious agent known only as Oberon helps to create a new life for the inhabitants of London. Sequel to Maeve Ascendant.</description>
</book>
<book id="bk105">
<title>The Sundered Grail</title>
<author>Corets, Eva</author>
<genre>Fantasy</genre>
<price>5.95</price>
<publish_date>2001-09-10</publish_date>
<description>The two daughters of Maeve, half-sisters, battle one another for control of England. Sequel to Oberon's Legacy.</description>
</book>
<book id="bk106">
<title>Lover Birds</title>
<author>Randall, Cynthia</author>
<genre>Romance</genre>
<price>4.95</price>
<publish_date>2000-09-02</publish_date>
<description>When Carla meets Paul at an ornithology conference, tempers fly as feathers get ruffled.</description>
</book>
<book id="bk107">
<title>Splish Splash</title>
<author>Thurman, Paula</author>
<genre>Romance</genre>
<price>4.95</price>
<publish_date>2000-11-02</publish_date>
<description>A deep sea diver finds true love twenty thousand leagues beneath the sea.</description>
</book>
<book id="bk108">
<title>Creepy Crawlies</title>
<author>Knorr, Stefan</author>
<genre>Horror</genre>
<price>4.95</price>
<publish_date>2000-12-06</publish_date>
<description>An anthology of horror stories about roaches, centipedes, scorpions and other insects.</description>
</book>
<book id="bk109">
<title>Paradox Lost</title>
<author>Kress, Peter</author>
<genre>Science Fiction</genre>
<price>6.95</price>
<publish_date>2000-11-02</publish_date>
<description>After an inadvertant trip through a Heisenberg Uncertainty Device, James Salway discovers the problems of being quantum.</description>
</book>
<book id="bk110">
<title>Microsoft .NET: The Programming Bible</title>
<author>O'Brien, Tim</author>
<genre>Computer</genre>
<price>36.95</price>
<publish_date>2000-12-09</publish_date>
<description>Microsoft's .NET initiative is explored in detail in this deep programmer's reference.</description>
</book>
<book id="bk111">
<title>MSXML3: A Comprehensive Guide</title>
<author>O'Brien, Tim</author>
<genre>Computer</genre>
<price>36.95</price>
<publish_date>2000-12-01</publish_date>
<description>The Microsoft MSXML3 parser is covered in detail, with attention to XML DOM interfaces, XSLT processing, SAX and more.</description>
</book>
<book id="bk112">
<title>Visual Studio 7: A Comprehensive Guide</title>
<author>Galos, Mike</author>
<genre>Computer</genre>
<price>49.95</price>
<publish_date>2001-04-16</publish_date>
<description>Microsoft Visual Studio 7 is explored in depth, looking at how Visual Basic, Visual C++, C#, and ASP+ are integrated into a comprehensive development environment.</description>
</book>
</catalog>
HTML File (DataIsland.htm)
<HTML>
<HEAD>
<TITLE>Untitled</TITLE>
<STYLE>
.catalog_genre_head {background-color:darkGreen;font-size:24pt;color:white;font-family:Impact;}
.catalog_head {background-color:green;font-size:18pt;color:white;font-family:Impact;}
.catalog_row0 {background-color:lightGreen;}
.catalog_row1 {background-color:white;}
.catalog_row_end {background-color:darkGreen;}
</STYLE>
</HEAD>
<BODY>
<H1>Scootney Press Book Catalog</H1>
<P>Select a genre to see all books in that genre:</P>
<DIV id="catalog_table"></DIV>
<xml id="book_catalog" src="book_catalog.xml">
</xml>
<xml id="catalog_filter">
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
xmlns:msxsl="urn:schemas-microsoft-com:xslt"
version="1.0">
<xsl:output method="xml" omit-xml-declaration="yes"/>
<xsl:param name="selected_genre" select="'all'"/>
<xsl:template match="/">
<div>
<form method="post" action="catalog.asp">
Genre
<select name="genre" value="{$selected_genre}" onchange="showGenre(this.value)">
<option value="all"><xsl:if test="$selected_genre='all'"><xsl:attribute name="selected">Selected</xsl:attribute></xsl:if>All</option>
<option value="Computer"><xsl:if test="$selected_genre='Computer'"><xsl:attribute name="selected">Selected</xsl:attribute></xsl:if>Computer</option>
<option value="Fantasy"><xsl:if test="$selected_genre='Fantasy'"><xsl:attribute name="selected">Selected</xsl:attribute></xsl:if>Fantasy</option>
<option value="Horror"><xsl:if test="$selected_genre='Horror'"><xsl:attribute name="selected">Selected</xsl:attribute></xsl:if>Horror</option>
<option value="Romance"><xsl:if test="$selected_genre='Romance'"><xsl:attribute name="selected">Selected</xsl:attribute></xsl:if>Romance</option>
<option value="Science Fiction"><xsl:if test="$selected_genre='Science Fiction'"><xsl:attribute name="selected">Selected</xsl:attribute></xsl:if>Science Fiction</option>
</select>
</form>
<br/>
<xsl:apply-templates select="catalog"/>
</div>
</xsl:template>
<xsl:template match="catalog">
<table class="catalog_table">
<xsl:apply-templates select="book[($selected_genre='all') or ($selected_genre=./genre)]">
<xsl:sort select="title"/>
</xsl:apply-templates>
</table>
</xsl:template>
<xsl:template match="book">
<xsl:if test="position()=1">
<tr class="catalog_genre_head"><td colspan="6">
<xsl:choose>
<xsl:when test="$selected_genre='all'">
All Genres
</xsl:when>
<xsl:otherwise>
Genre: <xsl:value-of select="genre"/>
</xsl:otherwise>
</xsl:choose>
</td></tr>
<tr class="catalog_head">
<td>#</td>
<td>Title</td>
<td>Author</td>
<td>Publication Date</td>
<td>Description</td>
<xsl:if test="$selected_genre='all'">
<td>Genre</td>
</xsl:if>
</tr>
</xsl:if>
<tr class="catalog_row{position() mod 2}">
<td><xsl:value-of select="position()"/></td>
<td class="catalog_cell"><xsl:value-of select="title"/></td>
<td class="catalog_cell"><xsl:value-of select="author"/></td>
<td class="catalog_cell"><xsl:value-of select="publish_date"/></td>
<td class="catalog_cell"><xsl:value-of select="description"/></td>
<xsl:if test="$selected_genre='all'">
<td class="catalog_cell"><xsl:value-of select="genre"/></td>
</xsl:if>
</tr>
<xsl:if test="position()=last()">
<tr class="catalog_row_end"><td colspan="6"> </td></tr>
</xsl:if>
</xsl:template>
</xsl:stylesheet>
</xml>
<SCRIPT language="JavaScript">
function loadSource(sourceObj){
var xmlDoc=new ActiveXObject("Msxml2.FreeThreadedDOMDocument.6.0");
xmlDoc.async=false;
xmlDoc.load(sourceObj.XMLDocument);
return xmlDoc;
}
var table_proc=null;
function getProcessor(transformObj){
if (table_proc==null){
var xslDoc=new ActiveXObject("Msxml2.FreeThreadedDOMDocument.6.0");
var xslTemplate=new ActiveXObject("Msxml2.XSLTemplate.6.0");
xslDoc.async=false;
xslDoc.load(transformObj.XMLDocument);
xslTemplate.stylesheet=xslDoc;
xslProcessor=xslTemplate.createProcessor();
table_proc=xslProcessor;
}
else {
xslProcessor=table_proc;
}
return xslProcessor;
}
function transformData(srcDoc,processor){
var resultDoc=new ActiveXObject("MSXML.DOMDocument");
processor.input=srcDoc;
processor.output=resultDoc;
processor.transform();
return resultDoc;
}
function showGenre(genre){
var srcDoc=loadSource(book_catalog);
var processor=getProcessor(catalog_filter);
processor.addParameter("selected_genre",genre);
var rsltDoc=transformData(srcDoc,processor);
catalog_table.innerHTML=rsltDoc.xml
}
showGenre("all");
</SCRIPT>
</BODY>
</HTML>