I made some changes to the XSL file. I'm used to VBScript so you might
have to re-code using the language you prefer.
This works on my PC with a few changes from the XML you provided....
notably I changed:
<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="news.xsl" type="text/xsl"?>
<news>
<newsarticle name="article one">
<description>Article one content</description>
<title>the full title of article one</title>
</newsarticle>
<newsarticle name="article two">
<description>Article two content</description>
<title>the full title of article two</title>
</newsarticle>
</news>
I felt "news/news" was too confusing...so I changed to
"news/newsarticle"...
but you should be able to re-produce on your own...
<!-- DWXMLSource="data/news.xml" --><!DOCTYPE xsl:stylesheet [
<!ENTITY nbsp " ">]>
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="html" encoding="UTF-8"
doctype-public="-//W3C//XHTML 1.0 Transitional//EN"
doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"/>
<xsl:template match="/">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>my page</title>
<link href="css.css" rel="stylesheet" type="text/css" />
<SCRIPT LANGUAGE="VBScript"><![CDATA[
function ShowArticle()
dim clicked, ArticleTitle, x, ThisDiv
' find out which OPTION was clicked...
clicked = document.getElementByID("A77").options.selectedInd ex
' get its text (article name)
ArticleTitle =
document.getElementByID("A77").getElementsByTagNam e("OPTION").item(clicked).innerText
'alert ArticleTitle
' loop thru all the DIVs inside the Articles DIV...
for x = 0 to
document.getElementByID("Articles").getElementsbyT agName("DIV").length-1
set ThisDiv =
document.getElementByID("Articles").getElementsbyT agName("DIV").item(x)
'alert ThisDiv.name
' compare their .names to the selected title...then set their
visibility...
if ThisDiv.name = ArticleTitle then
ThisDiv.style.display = ""
else
ThisDiv.style.display = "none"
end if
next
end function
]]></SCRIPT>
</head>
<body>
<div id="newstop">
<select id="A77" onchange="ShowArticle()"<!-- give SELECT an ID and
an ONCHANGE event -->
<xsl:for-each select="news/newsarticle">
<option>
<xsl:value-of select="@name"/>
</option>
</xsl:for-each>
</select>
</div>
<div id="Articles" <!-- Create DIV to hold all the articles -->
<xsl:for-each select="news/newsarticle"<!-- Create a DIV for each
article -->
<div>
<xsl:attribute name="name"><xsl:value-of
select="@name"/></xsl:attribute<!-- give each DIV a NAME attribute
-->
<xsl:attribute name="style">display:none</xsl:attribute<!-- make
sure each Article is invisible to start -->
<p><xsl:value-of select="title"/></p>
<p><xsl:value-of select="description"/></p>
</div>
</xsl:for-each>
</div>
</body>
</html>
</xsl:template>
</xsl:stylesheet>
Display and filter xml content in drop-down menu
