Hello Jeanine,
either change the name of the attribute of the image from 'id' to 'name'
or change the javascript to
"window.document.getElementById('picture1').src=image;".
Regards,
Joerg
Jeanine Meyer wrote:
> Hello,
> (Forgive any redundancy with previous messages.)
> I'm having problems with what I think is a simple task: recreating the
> standard image swap in on mouse over.
> I have other examples of xml citing xsl working using IE6 and also NS6.2.
> However, in this example, the javascript function doesn't seem to be
> called.
> Also, when I use saxon, a file is produced that works in NS6.2 but not
> in IE6.
> Here is the xml file:
> <?xml version="1.0" ?>
> <?xml-stylesheet href="mouseover2.xsl" type="text/xsl"?>
>
> <pictures>
> <oimage>Liz-book.jpg</oimage>
> <nimage>Darcy3.jpg</nimage>
> </pictures>
> ***************mouseover2.xsl
> <?xml version="1.0" ?>
> <xsl:transform xmlns:xsl="http://www.w3.org/1999/XSL/Transform";
> version="1.0">
> <xsl:output method="html" />
> <xsl:template match="/pictures">
> <html>
> <head>
> <title> Rollover test </title>
> <script language="JavaScript" type="text/javascript" src="movein.js">
> </script>
> </head>
> <body>
> <xsl:element name="a">
> <xsl:attribute name="href"></xsl:attribute>
> <xsl:attribute name="onMouseOver">movein('<xsl:value-of
> select="nimage"/>');</xsl:attribute>
> <xsl:attribute name="onMouseOut">movein('<xsl:value-of
> select="oimage"/>');</xsl:attribute>
> <xsl:attribute name="onClick">return false;</xsl:attribute>
> <xsl:element name="img">
> <xsl:attribute name="src"><xsl:value-of
> select="oimage"/></xsl:attribute>
> <xsl:attribute name="id">picture1</xsl:attribute>
> </xsl:element>
> </xsl:element>
> </body>
> </html>
> </xsl:template>
> </xsl:transform>
> *************the result of using saxon
> <html>
> <head>
> <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
>
> <title> Rollover test </title><script language="JavaScript"
> type="text/javascript" src="movein.js"></script></head>
> <body><a href="" onMouseOver="movein('Darcy3.jpg');"
> onMouseOut="movein('Liz-book.jpg');" onClick="return false;"><img
> src="Liz-book.jpg" id="picture1"></a></body>
> </html>
> ************movein.js
> function movein(image)
> {
> window.document.picture1.src=image;
> }
>
>
> I get the same results when I put in the function movein.js directly in
> the mouseover.xsl (that is, when the resulting html doesn't use an external
> javascript, but a local one).
>
> HELP.
> thanks,
> Jeanine Meyer
---------------------------------------------------------------------
Please check that your question has not already been answered in the
FAQ before posting. <http://xml.apache.org/cocoon/faq/index.html>
To unsubscribe, e-mail: <[EMAIL PROTECTED]>
For additional commands, e-mail: <[EMAIL PROTECTED]>
