asked on
customized confirmation message box
I have a customized confirmation message box that pops up when a cfform is submitted. My code is below. My problem is the code doesn't wait for the user to confirm the submission. The message box pops up temporarily and then the form is submitted without the user selecting a button.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
//Function to show results of other message boxes.
var showResult2 = function(btn){
if (btn == 'yes'){
alert("You clicked Agree button: "+btn);
}
else{
alert("You clicked Cancel button: "+btn);
}
}
//The button onClick handler displays the message boxes.
function showMB(mbox) {
ColdFusion.MessageBox.show
}
</script>
</head>
<body>
<cfform name="dg" action="test.cfm">
<p>Click a button display the corresponding message box.</p>
<cfinput name="Prompt" type="submit" value="Submit" onclick="showMB('mymessage
</cfform>
<!--- Code to define the message boxes. --->
<cfmessagebox name="mymessagebox02" bodystyle="font-family: Arial, Helvetica, sans-serif" type="confirm" title="Warning:"
message="Are you sure you want to proceed?"
labelNO="Cancel" labelYES="Agree"
callbackhandler="showResul
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
//Function to show results of other message boxes.
var showResult2 = function(btn){
if (btn == 'yes'){
alert("You clicked Agree button: "+btn);
}
else{
alert("You clicked Cancel button: "+btn);
}
}
//The button onClick handler displays the message boxes.
function showMB(mbox) {
ColdFusion.MessageBox.show
}
</script>
</head>
<body>
<cfform name="dg" action="test.cfm">
<p>Click a button display the corresponding message box.</p>
<cfinput name="Prompt" type="submit" value="Submit" onclick="showMB('mymessage
</cfform>
<!--- Code to define the message boxes. --->
<cfmessagebox name="mymessagebox02" bodystyle="font-family: Arial, Helvetica, sans-serif" type="confirm" title="Warning:"
message="Are you sure you want to proceed?"
labelNO="Cancel" labelYES="Agree"
callbackhandler="showResul
</body>
</html>
ColdFusion LanguageJavaScript
Last Comment
_agx_
ASKER
Changing the input type to button instead of submit stopped the form from submitting, but now how do I submit the form? Currently I see my temporary alert that tells me what button was pressed. What should I replace the alert with to submit the form?
ASKER CERTIFIED SOLUTION
THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
ASKER
Thank you, that worked perfectly.
curtis247 - I appreciate the points, but in fairness I think it should at least be a split since gd correctly explained why it wasn't working and how to fix it. I just provided a code snippet to illustrate his explanation. If you're amenable, you can use the request attention and ask a moderator to reopen the question so you can reallocate.
ASKER
I agree. Sorry for the mistake. I will correct as soon as possible.
Thanks to both of you !
Thanks curtis!
Then in your pop up message, when the user agrees, that button press action should submit the form..