disabling button

[raghu123]

In my JSP i have 4 image buttons as shown below

"SUBMIT"
"DELETE"
"APPROVE"
"REJECT"

example:

<A href="javascript:fnSubmit("SUBMIT")
<img border="0" src="submit1.gif" name="imgSubmit" >
</a>
<A href="javascript:fnSubmit("DELETE")
<img border="0" src="delete.gif" name="imgDelete" >
</a>

If user clicks on any one of the button, other buttons are to be disabled.

This is in order to restrict the user to to submit other request until one request completed.

[cthurow]

disabled="disabled"

[raghu123]

hi cthurow and HTML guru's,

can any one help me to resolve my problem.

I can also use
<input type="image"
tag also.

Any other suggestion also accepted to

raghuveerv@infotechsw.com

[Mr J]

Try this out

<script type="text/javascript">
<!--
hasRun=0
function fnSubmit(num,str) {

if(hasRun==1){
return
}

hasRun=1

for(i=0;i<4;i++){
if(i!=num){
document.getElementById("lnk"+i).disabled=true
}
}

}
//-->
</script>


<a id="lnk0" href="#null" onclick="fnSubmit(0,'SUBMIT')"><img border="0" src="submit1.gif" name="imgSubmit"></a>
<a id="lnk1" href="#null" onclick="fnSubmit(1,'DELETE')"><img border="0" src="delete.gif" name="imgDelete"></a>
<a id="lnk2" href="#null" onclick="fnSubmit(2,'APPROVE')"><img border="0" src="submit1.gif" name="imgApp"></a>
<a id="lnk3" href="#null" onclick="fnSubmit(3,'REJECT')"><img border="0" src="delete.gif" name="imgRej"></a>