[Frogger]

Hi,

I am using some javascript for mouseover in xhtml but FF and W3C dont like the name function in the code.

Is there anyway around this?

Code:

<script language="javascript" type="text/javascript">
if (document.images) {
image1 = new Image
image2 = new Image
 
image1.src = "pic1.jpg"
image2.src = "pic2.jpg"

 }
</script>

<a href="" onmouseover="document.pic.src=image2.src" onmouseout="document.pic.src=image1.src" >Picture</a>
						
<a href="" onmouseover="document.pic.src=image2.src" onmouseout="document.pic.src=image1.src"><img src="pic1.jpg" name="pic"  /></a>

[wirehopper]

Use the id attribute on the img tag, then use document.getElementById('id').src to change the src.

[Frogger]

Thanks for your help wirehopper. The below script worked a treat. Thanks very much again.

Code:

<a href="" onmouseover="document.getElementById('pic').src=image2.src" onmouseout="document.getElementById('pic').src=image1.src"><img src="pic1.jpg" id="pic"  /></a>

[wirehopper]

If this gets too verbose, you can use:

Code:

var p=document.getElementById('pic');

/* and then refer to it as */

p.src='newvalue';

[Frogger]

Thanks again wirehopper. That too is good advice. Thanks again.