Want to change table background IMAGE onMouseOver or OnClick, etc. 1

[jonnyGURU]

Ok... This works:

<td onClick="this.bgColor='#DDDDDD'">

Or this...

<td onMouseOver="this.bgColor='#DDDDDD'">

Whatever floats your boat.

I want to change the background image, though.

Since this works:

<td background="image.jpg">

I figured this would work:

<td onMouseOver="this.background='image.jpg'">

It doesn't. So I tried defining a style like this:

<td style='background: url(image.jpg);'">

Which works, but when I try to make it work with an event handler the way bgcolor works, it doesn't work. What I have is this:

<td onMouseover="this.style='background: url(image.jpg);'">

What the heck am I doing wrong? Is javaScript simpy not able to manipulate images like it does colors?

Dispensing quality rants and mishaps since 1999:

http://www.jonnyguru.com

 

[cLFlaVA]

<td style="background-image: url([URL unfurl="true"]http://www.tek-tips.com/images/partnerbtn120x60.gif)"[/URL] 

onmouseover="this.style.backgroundImage = 'url([URL unfurl="true"]http://www.tek-tips.com/images/logo.gif)'">[/URL]

*cLFlaVA
----------------------------
[tt]Sigs cause cancer.[/tt]

 

[Extreme43]

try something like

<td onmouseout="background='URL'" onmouseover="background='URL'">

That Should also work

 

[jonnyGURU]

Thanks cLFlaVA. That worked like a charm.

Extreme43: I would think that would work, but it doesn't.

Dispensing quality rants and mishaps since 1999:

http://www.jonnyguru.com