Image rollovers for submit buttons?

[JediBookworm]

Hi

I would like to create a submit button using an image with rollovers.

Here is the code:

Code: Select all

<input type="image"  src="layout/go.gif" name="submitbutton" value="Go" onMouseOver="document.submitbutton.src = 'layout/go2.gif'" onMouseOut="document.submitbutton.src = 'layout/go.gif'">

However, it produces the error that "document.submitbutton" is null or not an object.

How do i fix this?

Thanks

[Redcircle]

The only thing that I can think of is that <input> tags cannot have an onmouse event on them.. I have a work around tho.

Code: Select all

<a href="javascript:form.submit();" onmouseover="document.the_form.subbutton.src ='layout/go2.gif';"
onmouseout="document.the_form.subbutton.src
= 'layout/go.gif';"><img src="layout/go.gif" name="subbutton" border="0" ></a>


[JediBookworm]

Thanks!