Problem with onmouseover

[Asmodeux]

I want to do a simple onmouseover with a div. So I have the following code

<div onmouseover="this.style.background='."'#0F0'".';"...

But it triggers a JS error.

My ultimage goal is to change the background image on mouseover and mouseout.

I dont' want to do this with CSS styles as this doesn't work will IE.

[rangana]

Your code is erroneous
It should be:

Code: Select all

<div onmouseover="this.style.background='#0f0';">


This example below lets you work with images too as well as your text colors:

Code: Select all

<div style="height:400px;width:300px;" onmouseover="this.style.background='#f00';" onmouseout="this.style.background='url(http://www.sciam.com/media/externalnews/2008-04-23T225027Z_01_NOOTR_RTRIDSP_2_TECH-GOOGLE-ADVERTISING-DC.jpg)';this.style.color='#fff';">
Raymond Angana
</div>


See if it helps