cell background rollover can't find object?

Hi,

Without knowing what you intend so this may not be suitable but you can simply swap the images with css and not use js at all.

e.g.

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <style type="text/css"> #changebg { background: url(http://www.cuberis.com/rollover/intside1.jpg) no-repeat left top; width:100px; height:100px; } #changebg a{ background: url(http://www.cuberis.com/rollover/intside2.jpg) no-repeat left top; display:block; width:100px; height:100px; line-height:100px; } #changebg a:hover {background:transparent} </style> </head> <body> <table width="100" height="100"> <tr> <td id="changebg"> <a href="#">Change</a> </td> </tr> </table> </body> </html>

Otherwise its really a js question which isn't my area but I would think something like this would work for modern browsers.

Code:

<html> <head> <title>Change Test</title> <style type="text/css"> td.image { background: url(http://www.cuberis.com/rollover/intside1.jpg); } td.image2 { background: url(http://www.cuberis.com/rollover/intside2.jpg); } </style> </head> <body> <table width="100" height="100"> <tr> <td id="changebg" class="image"> <a href="#" onmouseover="document.getElementById('changebg').className='image2'" onmouseout="document.getElementById('changebg').className='image'">Change</a> </td> </tr> </table> </body> </html>

But you should check that code :)

Paul