Problem with onMouseOver

[vayumahesh]

I have the following script which loops for all alphabets and displays images. I wanted to display a different image onMouseOver but having problem with the syntax.

<script language="javascript">
var alphaArray= new Array('a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z');
var i=0;
for (i=0; i<26; i++)
{
document.write('<img src="images/'+alphaArray[i]+'.gif" width=16 height=28 hspace=0 border=0 alt="'+alphaArray[i]+'" id="'+alphaArray[i]+'-horz" onMouseOver="document.images[\''+alphaArray[i]+'\'-horz].src='images/'+alphaArray[i]+'-over.gif'">');
}
</script>

I am getting "Expected '('" error with this code
onMouseOver="document.images[\''+alphaArray[i]+'\'-horz].src='images/'+alphaArray[i]+'-over.gif'"

Please help.

Thanks
vmrao

[jimfraser]

In onmouseover you are using single quotes to delimit the value of src, but you use single quotes around the entire document.write string. You need to use \' in that case.

Also, instead of using document.getelement.... you can just use this.

for example:
onMouseOver="this.src=\'images/'+alphaArray[i]+'-over.gif\'"

which means you can also lose the id attribute unless you need it for something else.

[vayumahesh]

Thanks a lot. Worked like a Charm.