hi all,

i'm extending xsl code that another programmer wrote which generates an html page. i'm trying to get an image to show up when the mouse is over a bit of text.

when i do a simple opperation that doesnt require a seperate function it works:


but when i call the same code from a function it doesnt...

any ideas?

try

Why is the code for your alert() function surrounded by double quotes? You may as well remove the java script: URL scheme since the contents of an onmouseover event are by nature JavaScript, making it redundant. In other words, try this:

java script:
function func() {
  alert("Back to homepage");
  }

HTML:
<a onmouseover="func();"></a>

Note that "java script:" and "JavaScript" should not have any spaces and the latter should have a capital "J" and "S". This forum is doing something messed up to them.

Thanks ! that did solve it.
i was just using that to learn the principle
my problem now is that i want to do another onmouseover function this time making an image change when some text has the mouse over it...
my code is:
if (document.images) {
img_on =new Image(); img_on.src = "images/menu-option.gif";
img_off=new Image(); img_off.src = "images/menu-option-off.gif";
}

function func() {
if (document.images) document.imgName.src=img_on.src;
}
function func1() {
if (document.images) document.imgName.src=img_off.src;
}


<h2><img name=imgName src="images/menu-option-off.gif" alt="Menu Option" />
<a onmouseover="func();" onmouseout="func1();" >
<xsl:attribute name="href"> <xsl:text>....</xsl:text>
</xsl:attribute>
<xsl:value-of select="title"/>
</a>
</h2>

the problem is that when i put the code as it is the xsl doesnt manage to build the html.
when i surround the img name with quotes (name="imgName") but the mouseover doesnt work.

am i making things too complicated?


-----------------------------

The first part of your code is to preload images and the last part is XSL, a language I'm unfamiliar with; I'm not going to get into those and they're omitted from the following code.

I will tell you that quotation marks around attribute values are required in XML/XHTML and that the name attribute is deprecated in XHTML 1.0 Strict; the modern attribute is id and the corresponding JavaScript reference is getElementById(). So…

JS:
function imgOver() {
  document.getElementById("imgName").src = "images/menu-option.gif";
  }
function imgOut() {
  document.getElementById("imgName").src = "images/menu-option-off.gif";
  }

XHTML:
<img id="imgName" alt="Menu Option" src="images/menu-option-off.gif"/>
<a onmouseover="imgOver();" onmouseout="imgOut();">[…]</a>

Note that you may need to escape the forward slashes in the JavaScript image URLs by placing a backslash in front of them. If it doesn't work, try that.

Thanks all, but i think the problem is with the xsl side so i've handed it over to the original developer.....