HELP: Two Mouseovers With A Difference ...

Junior WebHelper Joined: 22 Oct 2002 Posts: 1

Can anyone help with the below problem ...

document.write("<td><a href=clips/"+genericname+".mpg onMouseOver=document."+genericname+".height='75'; document."+genericname+".dynsrc='clips/"+genericname+"mpg'; onMouseOut=document."+genericname+".dynsrc='"+genericname+".jpg'><img src=logos/"+genericname+".jpg name="+genericname+" border=0></a></td>");

This line is meant to be used in conjunction with a loop routine in <script> brackets within the main <body>. What it should do is display a file pictures and then play its mpg file on a mouseover, for a generic filename that can be changed. That i can do. The problem is within the line ...

onMouseOver=document."+genericname+".height='75'; document."+genericname+".dynsrc='clips/"+genericname+"mpg';

Here i want to play the mpg and keep its height at 75. The problem is that it doesn't work. I think that the two document strings should be surrounded by "...

onMouseOver= " document."+genericname+".height='75'; document."+genericname+".dynsrc='clips/"+genericname+"mpg'; "

However because i'm using the "+genericname+" command within the line, i can't use " to surround the two document strings. I've tried to do it as a function, but i can't get it to work as a generic function.

Can anyone PLEASE help me with this?

Posted: Wed Oct 23, 2002 12:04 am (21 years, 6 months ago)

Not totally sure I understand the problem, but is it related to nesting your quotes?

Once you run out of quotes to nest, the usual solution is to 'escape' the innermost ones by using a backslash character, like so:

Code:

"<body onload="setTimeout('alert(\'this is a test\');', 200)">

This works with both single and double quotes:

Code:

"<body onload="setTimeout('alert(\"this is a test\");', 200)">

hope that helps