CRA
12-11-2006, 02:23 AM
Hi there, I'm trying to make a javascript menu. As a start, I want the background of the cell to change to a specific image on mouseOver. Does it not work because of the "background-image" translation from CSS to JAVASCRIPT or could it be something else. Thank you.
<html>
<head>
<title>Untitled Document</title>
<link rel="stylesheet" href="main.css" />
<script language="javascript">
function change()
{
document.getElementById("homebtn").style.backgroundImage="imgs/btn_black2.gif">;
}
</script>
</head>
<body>
<table width="100" >
<td>
<tr style="background-image:url(imgs/btn_black.gif)" class="myFont" onMouseOver="change()" id="homebtn">- Home</tr>
<tr>asdfsdf</tr>
<tr>asdfsdf</tr>
</td>
</table>
</body>
</html>
<html>
<head>
<title>Untitled Document</title>
<link rel="stylesheet" href="main.css" />
<script language="javascript">
function change()
{
document.getElementById("homebtn").style.backgroundImage="imgs/btn_black2.gif">;
}
</script>
</head>
<body>
<table width="100" >
<td>
<tr style="background-image:url(imgs/btn_black.gif)" class="myFont" onMouseOver="change()" id="homebtn">- Home</tr>
<tr>asdfsdf</tr>
<tr>asdfsdf</tr>
</td>
</table>
</body>
</html>