Menu
Hi all,
I’m new to these boards and my javascript experience is fairly limited and basic so please bear with me. Anyway, on to the question and some background. I’m developing using ColdFusion 4.5 and a good deal of the page processing depends on whether or not a control is defined. To prevent users from clicking on a submit button more than once or clicking on another submit button before the page has finished processing I have decided to use javascript to disable all of the submit buttons on the page. However, this is preventing submission of the form. When I try forcing the submit in the function, the processing that should occur from clicking the submit button is ignored and the submit button is not defined. Here is the code I am using the commented code is different things I have tried:
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>
<html>
<head>
<title>Untitled</title>
<script language=”JavaScript”>
function fxnDisableBtn(foo)
{
//alert(foo.type + “, ” + foo.name + “, ” + foo.value);
//document.frm1.foo.click();
//document.frm1.submit();
document.frm1.btnSave.disabled = true;
document.frm1.btnGoBack.disabled = true;
document.frm1.btnReturn.disabled = true;
document.frm1.btnForward.disabled = true;
//document.frm1.submit();
//document.frm1.foo.click();
switch(foo.name){
case “btnSave”:
//alert(foo.type + “, ” + foo.name);
//document.frm1.btnSave.click();
foo.click();
break;
//document.frm1.btnSave.click();
case “btnGoBack”:
//alert(foo.type + “, ” + foo.name);
document.frm1.btnGoBack.click();
//foo.click();
break;
case “btnReturn”:
//alert(foo.type + “, ” + foo.name);
//document.frm1.btnReturn.click();
break;
case “btnForward”:
//alert(foo.type + “, ” + foo.name);
//document.frm1.btnForward.click();
break;
}
alert(foo.type + “, ” + foo.name + “, ” + foo.value + “, ” + foo.disabled + “, ” + foo.click()); //debugging and checking foo
}
</script>
</head>
<body>
<form name=”frm1″ action=”#Application.RootPath#/master.cfm?” method=”post”></form>
<input type=submit name=”btnSave” value=”Save (Does Not Forward)” onclick=”fxnDisableBtn(btnSave);”>
<br><br>
<input type=submit name=”btnGoBack” value=” <- Back ” onclick=”fxnDisableBtn(btnGoBack);”>
<input type=submit name=”btnReturn” value=”Return” onclick=”fxnDisableBtn(btnReturn);”>
<input type=submit name=”btnForward” value=”Forward” onclick=”fxnDisableBtn(btnForward);”>
<br><br>
</body>
</html>