Rollover button problem

JavaScript
1

hi, i took a rollover button js tutorial over the net and tested my page but the rollover effect isnt working. could anyone find the fault with the code would be much appreciated

<head>
<script type=“text/javascript”>
<!–

if (document.images) {

insertbuttonup = new Image();
insertbuttonup.src = “insert.gif”;
insertbuttondown = new Image();
insertbuttondown.src = “inserton.gif”;

displaybuttonup = new Image();
displaybuttonup.src = “display.gif”;
displaybuttondown = new Image();
displaybuttondown.src = “displayon.gif”;

deletebuttonup = new Image();
deletebuttonup.src = “delete.gif”;
deletebuttondown = new Image();
deletebuttondown.src = “deleteon.gif”;

updatebuttonup = new Image();
updatebuttonup.src = “update.gif”;
updatebuttondown = new Image();
updatebuttondown.src = “updateon.gif”;

function buttondown ( buttonname )
{
if (document.images)
{
document [ buttonname ].src = eval( buttonname + “down.src” );
}
}

function buttonup ( buttonname )
{
if (document.images)
{
document[ buttonname ].src = eval( buttonname ) + “up.src”);
}
}
// –>
</script>
</head>
///////////////////////////////////////////////////////////////////////////////////////
<body>

<div id=“navigation”>
<a href=“insert.php”
onmouseover=“buttondown(‘insertbutton’)”
onmouseout=“buttonup(‘insertbutton’)”>
<img name=“insertbutton” src=“insert.gif” id=“buttons”/>
</a>

      &lt;a href="display.php"
	  onmouseover="buttondown('displaybutton')"
	  onmouseout="buttonup('displaybutton')"&gt;
        &lt;img name="displaybutton" src="display.gif" id="buttons"/&gt;
      &lt;/a&gt;

      &lt;a href="delete.php"
	  onmouseover="buttondown('deletebutton')"
	  onmouseout="buttonup('deletebutton')"&gt;
        &lt;img name="deletebutton" src="delete.gif" id="buttons"/&gt;
      &lt;/a&gt;

      &lt;a href="update.php"
	  onmouseover="buttondown('updatebutton')"
	  onmouseout="buttonup('updatebutton')"&gt;
        &lt;img name="updatebutton" src="update.gif" id="buttons"/&gt;
      &lt;/a&gt;
    &lt;/div&gt;

</body>

thanks

2

Where is the tutorial from?

3

thanks

4

You may wish to investigate a much more stable solution for what you want to do here.

For example, this screencast takes you through creating a three-state menu

Demo page: http://css-tricks.com/examples/ThreeStateMenu/

5

thanks followed the tutorial found it much easier to do

cheers