Share via


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>