Någonting sådant här kanske:
<script type="text/javascript">
<!--
var submitObj = null;
var disabledImg = "disabled.gif";
var enabledImg = "enabled.gif";
var mouseoverImg = "mOver.gif";
function checkState(o){
var user = o.form.elements[ "user" ];
var pass = o.form.elements[ "pass" ];
submitObj.src = ( user.value.length > 0 || pass.value.length > 0 ) ? enabledImg : disabledImg;
};
window.onload = function(){
for( var i=0; i < document.forms[ "foo" ].childNodes.length; i++ ){
if( document.forms[ "foo" ].childNodes[ i ].type == "image" )
submitObj = document.forms[ "foo" ].childNodes[ i ];
}
if( submitObj ){
submitObj.onmouseover = function(){
if( this.src.indexOf( disabledImg ) == -1 )
this.src = mouseoverImg;
}
submitObj.onmouseout = function(){
if( this.src.indexOf( mouseoverImg ) != -1 )
this.src = enabledImg;
}
submitObj.onclick = function(){
if( this.src.indexOf( disabledImg ) == -1 )
this.form.submit();
else
return false;
}
}
};
//-->
</script>
...
<form name="foo">
Användarnamn:<br>
<input type="text" name="user" onkeyup="checkState(this)"><br>
Lösenord<br>
<input type="text" name="pass" onkeyup="checkState(this)"><br>
<input type="image" src="disabled.gif">
</form>
:)