This is the mail archive of the xsl-list@mulberrytech.com mailing list .


Index Nav: [Date Index] [Subject Index] [Author Index] [Thread Index]
Message Nav: [Date Prev] [Date Next] [Thread Prev] [Thread Next]

pass <id> element value to a javascript function.


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


Index Nav: [Date Index] [Subject Index] [Author Index] [Thread Index]
Message Nav: [Date Prev] [Date Next] [Thread Prev] [Thread Next]