forms: img submit button: can u do rollovers??

[Frances Del Rio]

I have a form in which submit button is an img.. would like to do it
w/a rollover, but can't get rollover to work.. can you do rollovers
w/img submit buttons? this is code I have:

<input type="image" name="log" src="images/login.gif" value="Submit"
alt="Submit"
onMouseover = "log.src='image s/login-roll.gif'"
onMouseout ="images/log.src='login. gif'">

thank you..

Frances

[Martin Honnen]

Re: forms: img submit button: can u do rollovers??



Frances Del Rio wrote:

[color=blue]
> I have a form in which submit button is an img.. would like to do it
> w/a rollover, but can't get rollover to work.. can you do rollovers
> w/img submit buttons? this is code I have:
>
> <input type="image" name="log" src="images/login.gif" value="Submit"
> alt="Submit"
> onMouseover = "log.src='image s/login-roll.gif'"
> onMouseout ="images/log.src='login. gif'">[/color]

Try
<input type="image"
src="images/login.gif"
onmouseover="th is.src = 'images/login-roll.gif';"
onmouseout="thi s.src = 'images/login.gif';"
alt="submit"
value="submit">
with modern browsers like IE5+, Netscape 6/7, Mozilla, Opera 7 I expect
that to work as intended, only old ones like Netscape 4 do not support
onmouseover/out for the input element.

--

Martin Honnen

http://JavaScript.FAQTs.com/

[Frances Del Rio]

Re: forms: img submit button: can u do rollovers??


Martin Honnen wrote:
[color=blue]
>
>
> Frances Del Rio wrote:
>
>[color=green]
>> I have a form in which submit button is an img.. would like to do it
>> w/a rollover, but can't get rollover to work.. can you do rollovers
>> w/img submit buttons? this is code I have:
>>
>> <input type="image" name="log" src="images/login.gif" value="Submit"
>> alt="Submit"
>> onMouseover = "log.src='image s/login-roll.gif'"
>> onMouseout ="images/log.src='login. gif'">[/color]
>
>
> Try
> <input type="image"
> src="images/login.gif"
> onmouseover="th is.src = 'images/login-roll.gif';"
> onmouseout="thi s.src = 'images/login.gif';"
> alt="submit"
> value="submit">
> with modern browsers like IE5+, Netscape 6/7, Mozilla, Opera 7 I expect
> that to work as intended, only old ones like Netscape 4 do not support
> onmouseover/out for the input element.[/color]

thank you!! that worked!!

Frances
[color=blue]
>[/color]