Ns4.08/4.77/4.79

[mraghu]

My intention here is to grey out the Next and Back images as soon as the user clicks on either one of them thereby preventing multiple clicks on the same image. Any help on this would be highly appreciated. Thanks.

[mraghu]

Please see the code related in my previous posting. It works fine in IE5.0, IE6.0 and NS6.2.3 and not in Ns4.08/4.77/4.79.
How do I modify the code to make it work in Ns4.08/4.77/4.79. Any ideas? Thanks.

[vickers_bits]

im not sure about form images but...
to change an image source in ns4 browsers, the image must be inside an anchor/link element. getElementById() doesnt work for ie4 but this will

d=document;
if(d.layers || d.all){ //ns4 & ie4 browsers
d.images["imageName"].src="whatever.gif";
d.links["linkName"].href="javascript:void(0);";
}

[mraghu]

Thanks for your response. Please see my code below.
I have <input type="image" ...>
How do you think I can make it work in NS4 browsers?

<form name="CHActivation" method="post">

<script language="javascript">
function DisableNext()
{
document.CHActivation.action="<cfoutput>#VisaApp.FullURL##XFA.EnrollThanks#&RequestTimeOut=500</cfoutput>";
document.CHActivation.submit();

document.getElementById('NextBtn').disabled = true;
document.getElementById('NextBtn').src="<cfoutput>#VisaApp.Images#</cfoutput>btn_next_off.gif";

document.getElementById('BackBtn').disabled = true;
document.getElementById('BackBtn').src="<cfoutput>#VisaApp.Images#</cfoutput>btn_back_off.gif";
}

function DisableBack()
{
document.CHActivation.action="<cfoutput>#VisaApp.FullURL##XFA.TsAndCsAccept#</cfoutput>";
document.CHActivation.submit();

document.getElementById('NextBtn').disabled = true;
document.getElementById('NextBtn').src="<cfoutput>#VisaApp.Images#</cfoutput>btn_next_off.gif";

document.getElementById('BackBtn').disabled = true;
document.getElementById('BackBtn').src="<cfoutput>#VisaApp.Images#</cfoutput>btn_back_off.gif";
}
</script>

<input type="image" name="NextBtn" src="<cfoutput>#VisaApp.Images#</cfoutput>btn_next.gif" id="NextBtn" alt="Next button" title="Next button" height="17" width="40" border="0" onclick="DisableNext()">

<input name="BackBtn" type="image" src="<cfoutput>#VisaApp.Images#</cfoutput>btn_back.gif" id="BackBtn" alt="Back button" title="Back button" height="17" width="40" border="0" onclick="DisableBack()">

</form>

[mraghu]

I am looking for a modified javascript code for the above which would work in all versions of IE and NS? Any help please?