885698 - onmouseover not working when using <button type = 'submit' .....>

Status: RESOLVED DUPLICATE of bug 843003

(Firefox :: Untriaged, defect)

Description

[Zero Hawk]

User Agent: Mozilla/5.0 (Windows NT 5.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/27.0.1453.116 Safari/537.36

Steps to reproduce:

Using FF version 21.0.

Below is a line of code that works in IE, Chrome and safari. Within FF it fails to swap in the onmouseover image when the mouse is moved over the button. The button works as required when pressed.

This button is defined within a form. There are four buttons within this form for the user to choose from, each with there own output value so changing to 'input=image value=submit' is not an option.

We have only just introduced rollover images to our system which is quite large so to propose an optional CSS or jscript method would require significant effort on our part to work the change through the system. 

Is there a simple reason why this does not work - is there an update that we have missed - any assistance would be appreciated.

<button type="submit" name="inrejectbutton" value="inreject" id="inrejectbutton" onclick="document.getElementById('pressedbutton').value='inreject';"><img src="images/inreject-small.png" onmouseover="this.src='images/inreject-small-rollover.png'" onmouseout="this.src='images/inreject-small.png'"> </button> 


*** just as a comment - when we require a link setup from outside a form we use "<a href ....". When we use the onmouseover from within this statement is works correctly. 


Actual results:

onmouseover failed to change the button image to the required button image


Expected results:

onmouseover should have change the image button to the rollover image button.

Comment 1

[Alice0775 White]

According to comment#2 of Bug 843003,
This may be duplication of Bug 843003.