This is the mail archive of the
xsl-list@mulberrytech.com
mailing list .
pass <id> element value to a javascript function.
- To: <XSL-List at lists dot mulberrytech dot com>
- Subject: [xsl] pass <id> element value to a javascript function.
- From: "Chen Wang" <wangchen01 at yahoo dot com>
- Date: Sun, 9 Sep 2001 03:43:02 -0700
- Reply-To: xsl-list at lists dot mulberrytech dot com
Here is the code in xsl:
...
<head>
<script language="javascript">
function WM_toggle(id){
if (document.all){
if(document.all[id].style.display == 'none'){
document.all[id].style.display = 'block';
} else {
document.all[id].style.display = 'none';
}
} else if (document.getElementById){
if(document.getElementById(id).style.display == 'none'){
document.getElementById(id).style.display = 'block';
} else {
document.getElementById(id).style.display = 'none';
}
}
}
</script>
</head>
<body>
...
<!--menu part-->
<xsl:for-each select="placetogo/urbanspace">
<a href="#" onclick="WM_toggle('{cityid}'); return false"><xsl:value-of
select="placename"/></a> <br />
</xsl:for-each>
</p>
...
<!--content part-->
<xsl:for-each select="placetogo/urbanspace">
<p align="center" class="main" style="display: none"><xsl:attribute
name="id"><xsl:value-of select="cityid"/></xsl:attribute>
<xsl:value-of select="placename"/> <br />
<img><xsl:attribute name="src"><xsl:value-of
select="photo/@img"/></xsl:attribute></img> <br />
<xsl:value-of select="country"/>
</p>
</xsl:for-each>...
In xml, it looks like this:
<?xml version="1.0" ?>
<placetogo>
<urbanspace>
<cityid>ba</cityid>
<placename>Bacelona</placename>
<continent>Europe</continent>
<country>Spain</country>
<photo img="barcelona.jpg" />
<description>Barcelona is a city where architecture and urbanism are
one.</description>
</urbanspace>
<urbanspace>
<cityid>hk</cityid>
<placename>Hong Kong</placename>
<continent>Asia</continent>
<country>China</country>
<photo img="hong_kong.jpg" />
<description>Hong Kong is one of the greatest maritime cities there has
ever been---noisy, boisterous, cluttered, and vibrant. </description>
</urbanspace>
So, in the menu part, the code will read in the city name from xml and the
city name is a link which when it is clicked it will toggle the
correspondent paragraph under content part. I assume that
WM_toggle('{cityid}') will read in 'ba' and 'hk' for bacelona, and hong kong
link respectively, but the code does not work. When I clicked the link, it
has error like: document.all[...].style is null or not an object. By the
way, I am using IE6 for these code. Please help me.
chen
_________________________________________________________
Do You Yahoo!?
Get your free @yahoo.com address at http://mail.yahoo.com
XSL-List info and archive: http://www.mulberrytech.com/xsl/xsl-list