Well... I knocked up a quick test page and then ran some tests.
The test page contains an input type=image - and for fun (because I'm like that) I added a second input type=image and added the disabled="disabled" attribute.
Here is the test page:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "[URL unfurl="true"]http://www.w3.org/TR/html4/strict.dtd">[/URL]
<html lang="en">
<head>
<meta http-equiv="content-language" content="en">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>Input Image Test</title>
<script type="text/javascript">
function wibble() {
alert('Beep');
}
</script>
</head>
<body>
<form action="javascript://do nothing" onsubmit="alert('The onsubmit event was just fired')">
<fieldset>
<input type="image" onclick="wibble()" src="[URL unfurl="true"]http://www.tek-tips.com/images/logo.gif"/>[/URL]
<br/>
<input type="image" onclick="wibble()" src="[URL unfurl="true"]http://www.tek-tips.com/images/logo.gif""[/URL] disabled="disabled"/>
</div>
</fieldset>
</form>
</body>
</html>
I found that when I clicked on the first image, I got the expected 'Beep' alert. I also got an alert from the onsubmit. When I clicked the second image, I got nothing -- and that surprised me (you know, I'm easily surprised)!
I confirmed this behaviour with the following browsers in MacOSX: Safari, Firefox, Camino, Internet Explorer, Opera, Mozilla and Netscape.
I went crazy and confirmed this behaviour with the following browsers in Windows: Firefox, Safari, Opera, Internet Explorer (5 & 6), Netscape.
So... cut your page down to the bare minimum to show this problem, and post it up for us.
Cheers,
Jeff
[tt]Jeff's Page [!]@[/!] Code Couch
[/tt]
Make sure your web page and css validates properly against the doctype you have chosen - before you attempt to debug a problem!
FAQ216-6094
