[knolly]

This has got to be so simple but I can't see what I'm doing wrong. Basically if I do this :

<img src="image.jpg" alt="" onmouseover="rollOverText('bio')"  />

then my rollOverText function works fine. But if I try to put the onmouseover in an external .<acronym title="JavaScript">js</acronym> file it doesn't work. Here's how I'm trying to do it:

<img src="image.jpg" alt="" id="biog"  />

and the script in the .<acronym title="JavaScript">js</acronym> file:

function menuRollovers() {
		document.getElementById('biog').onmouseover= rollOverText('bio');
}
	window.onLoad= menuRollovers();

Is this really obvious?

Thanks!

[wirehopper]

You might need quotes around it on the assignment.

"rollOverText('bio')";

[knolly]

hmmm, sadly no luck with that.

Thanks for the suggestion though!

[wirehopper]

Is the window.onload in the main page or in the javascript file?

[knolly]

in the javascript file

[wirehopper]

document.getElementById('dBlock1').setAttribute("o nmouseover","alert('test');return true;");

Tested under FF with FireBug.

There should not be a space between o and n.

[knolly]

sorry, where do i put that? is that instead of window.onLoad? also is window.onLoad a good way of doing it?

thanks!

[wirehopper]

Same place

document.getElementById('biog').setAttribute("rollOverText('bio')");

[knolly]

hmmm, doesn't seem to help. Thanks anyway though!

[Nico]

Try:

window.onload = function()
{
    document.getElementById('biog').onmouseover = function()
    {
        rollOverText('bio');
    }
}