Confirmation box before delete

**RonB.** · 05-21-2002, 10:40 AM

<form method=POST action="Delete">
.
.
.
<input type="submit" name="Delete" value="Delete">
</form>

What I would like to do is have a confirmation box pop up when a user presses the "Delete" button and have a message along with 2 buttons on the box, "Yes" and "No".

Thanks!

**Zaire** · 05-21-2002, 01:41 PM

Im not 100% sure on this, put stick this in your head

Code:

<script language="JavaScript">
var cnf;
var last;
function cnf(msg)
{
     cnf = confirm(msg);
     if(cnf) { 
          last = 'TRUE';
     }
}
function send(var)
{
     if(last = "TRUE")
     {
         var.submit();
     }
}  
</script>

Now, on your form, you should have

<form name="form">

and your submit button:

<input type="Submit" Value="delete" name="delete" onclick="cnf('Are you sure you want to delete that?'); send(this);">

This isn't tested, and Im new to javascript, so your gonna have to tell me the outcome

**RonB.** · 05-21-2002, 02:56 PM

Thanks for trying but it doesn't seem to be working. Here is the entire code for that page. Does anyone see anything wrong?

<script Language="JavaScript"></script> <script language="JavaScript">
var cnf;
var last;
function cnf(msg)
{
cnf = confirm(msg);
if(cnf) {
last = 'TRUE';
}
}
function send(var)
{
if(last = "TRUE")
{
var.submit();
}
}
</script>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Initial Screen</title>
</head>
<body bgcolor="#EAE8C8">
<table>
</table>
<p align="center" style="margin-left: 0; margin-top: -2; margin-bottom: 10"><b>
<font face="Verdana" color="#993333" size="4">Dynamic Systems Resources, Inc.
</font></b>
</p>
<br>

<table border="1" width="100%">
<tr>
<td width="100%" bgcolor="#0033CC"><b><font size="3" face="Verdana" color="#FFFFFF">Maintain
Project</font></b></td>
</tr>
</table>
<br>
<table border="0">
<p style="margin-top: 2; margin-bottom: 13">
<tr>
<td>
<font color="#008080" face="Verdana"><b>
<font size="3">Client:
</font>         </b>
</td>
<td>
</font>
<font face="Verdana" size="3" color="#993333"><b>Butler</b>
</font>
<font face="Verdana">
</font>
</b>
</td>
</tr>
</p>
<p style="margin-top: 2; margin-bottom: 13">
<tr>
<td>
<font color="#008080" face="Verdana"><b>
<font size="3">Project:
</font></b>
</td>
<td>
</font>

<font face="Verdana" size="3" color="#993333"><b>new project</b>
</font>
<font face="Verdana" size="2" color="#008080">
</font>
</td>
</tr>
</p>
</table>
<br><hr><br>

<form method=POST action="Update" onsubmit="return ValProjectMaint(this)">
<table border="0" cellspacing="0">
<tr>
<td> <p align="left">
<font color="#008080" face="Verdana"><b>
<font size="3">Project Description:
</font></b></font>
</p>
</td>
<td>
<p align="left">
<input type=text name=ChgProject size=25 maxlength=25 value="new project"> </p></td>
</tr>
<tr valign=top>
<td> <p align="left">
<font color="#008080" face="Verdana"><b>
<font size="3">Long Project Desc:
</font></b></font>
</p>
</td>
<td> <p align="left"> <textarea name=Longd cols=50 rows=5 wrap=virtual>new project</textarea></p> </td>
</tr>
<tr>
<td> <p align="left">
<font color="#008080" face="Verdana"><b>
<font size="3">Start Date: (YYYY-MM-DD)
</font></b></font>
</p>
</td>
<td> <p align="left"> <input type=text name=StartDate size=10 maxlength=10 value="2002-04-01"> </p></td>
</tr>
<tr>
<td> <p align="left">
<font color="#008080" face="Verdana"><b>
<font size="3">End Date:   (YYYY-MM-DD)
</font></b></font>
</p>
</td>
<td> <p align="left"> <input type=text name=EndDate size=10 maxlength=10 value=""> </p></td>
</tr>
<tr>
<td> </td>
<td>
<table>
<tr>
<td>
<input type="hidden" name="new" value="">
<input type="hidden" value="DSR" name="Comp">
<input type="hidden" value="Butler" name="Client">
<input type=hidden value="Butler" name="SaveClient">
<input type="hidden" value="new project" name="Project">
<input type="hidden" value="Joe Schmo" name="Assoc">
<input type="hidden" value="Vacation" name="Hrtyp">
<input type=hidden value="Y" name="Entry">
<input type="submit" value="Update" name="Update">
</form>
</td>
<td>

<form method=POST action="Delete">
<input type="hidden" value="DSR" name="Comp">
<input type="hidden" value="Butler" name="Client">
<input type=hidden value="Butler" name="SaveClient">
<input type="hidden" value="new project" name="Project">
<input type="hidden" value="Joe Schmo" name="Assoc">
<input type="hidden" value="Vacation" name="Hrtyp">
<input type=hidden value="Y" name="Entry">
<input type="submit" name="Delete" value="Delete" onclick="cnf('Are you sure you want to delete that?'); send(this);">
</form>
</td>

</tr>
</table>
</td>
</tr>
</table>
<br>
<br>
</body>
</html>

**QuietDean** · 05-21-2002, 03:42 PM

Try this -

Code:

<form method="post" action="blah.php" onSubmit="return confirm('Are you sure this is correct?');">

In JS, its the 'return' that makes the difference. basically, you are saying 'If they answer yes, then submit the form, otherwise, just bail'.

try it. I tested it and it worked.

**Zaire** · 05-21-2002, 07:05 PM

Im glad someone knows some JS ;P

Thread: Confirmation box before delete

Thread Tools

Related

how to delete duplicate row fom table Forum: Databases

cant delete/add my schools Forum: Myspace Forum

Delete Gator Forum: Webmaster Ethics

Confirmation box before delete

Tags for this Thread