JavaScript - Confirmation Boxes

I have created a button with a window.confirm() method but when I click on it in firefox the dialog box does not appear. It does however appear in all the other browsers

Hi all, I want to have a javascript popup box so that when a hyperlink is clicked, a user is asked if they are sure they want to click this link, if they select ok then the page loads, if they click canel then nothing happens, so i have this code below:

Code:

<script type="text/javascript">
function confirmSubmit()
{
var agree=confirm("Are you sure you wish to click this link?");
if (agree)
return true ;
else
return false ;
}
</script>

Code:

<a onclick="return confirmSubmit()" href="page.html">Page</a>

However when a user clicks cancel the link still loads, can anyone see where I am going wrong? any help will be appreciated

Hi,

My code below shows a list of Qualifications and a Delete (Remove) button
I would like to show the Qualification name not the setting_id
my problem is that I am not passing the Qualification name through in the form...
Can someone please help me?

JavaScript
Code:

function confirmqualification() {
	var SettingID = document.getElementById('setting_id').value;
	var answer = confirm("Delete entry "+SettingID+" ?")
	if (answer){
		alert("Qualification Deleted")
		window.location = "delete_qualification.php?&setting_id="+SettingID;
	}
	else{
		alert("No action taken")
	}
	}

html
Code:

<fieldset>
<legend>Qualifications
</legend>
<select name="setting_id" id="setting_id" size="7" style="width:100%;">
  <?php
  while($row1 = mysql_fetch_array($result))
		{
			echo '<option value="'.$row1['setting_id'].'">'.$row1['qualification'].'</option>';	
		}
  ?>
</select>
<input type="button" name="remove" id="remove" value="Remove" onClick="javascript:confirmqualification()" />
</fieldset>

i hava e java script fr confrmation of record deletion on server side in asp.net
function deleteCheck()
{
if (document.getElementById('H_ctrl').value!="")
{
alert(document.getElementById('H_ctrl').value)
var delconfirm = confirm('Are you sure ? You want to delete ' + document.getElementById('H_ctrl').value +' Details ?')
if (delconfirm==true)
{
var delconfirmAgain = confirm('The Record ' + document.getElementById('H_ctrl').value +' will be deleted permanently. Are you sure? ')
if(delconfirmAgain==true)
{
return true
}
else
{
return false
}
}
else
{
return false
}

}

}

BTNDELETE.Attributes("onclick") = "javascript:return deleteCheck();"
in the button event i have a query for redord deletion

i need to delete the records
if u use the return keyword the record doesnot get deleted but if i remove the return keyowrd the record gets deleted even if CANCEL is clicked

Hi, I am trying to make an entry confirmation form. This is going to be used as a disclaimer for my website. How can I make this to where it only shows on the main page and not every page a user goes to on my website?

<script>
var enter=confirm("examples insert text")
if (!enter)
window.location="http://www.google.com"
</script>

I have a js confirmation function:

PHP Code:
function r_u_sure(message, url){
if(confirm(message)) location.href = url;
} 


if I were calling this function with a regular href, I would use the following:

PHP Code:
<a HREF="javascript:r_u_sure('Are Sure You want to Delete or Modify Car Information?!','www.somewhere.com)"><a/> 


however my html link which begins the deletion process of a records opens a popup box that performs. the link is the following:

PHP Code:
<a onmouseover='this.style.cursor=\"pointer\" ' onfocus='this.blur();' onclick="document.getElementById('PopUp10').style.display = 'block' \"><span><img border='0' src='../images/editcar_info.png' width='40' height='40' title='Delete or Modify Car'></span></a> 


Any thoughts on how can conbine both so that onclick of the link, first, the confirm box appears, if "ok" is selected, the pop up box will open, else the dialogue box closes and nothing happens.

Mossa--

Hi!

Trying to get a delete confirm dialog box to open when you click on the button.

Here's what I have in the body...

@if (Model.Layer.Id > 0){
<div style="float: left; padding-left: 14px;">
@using (Html.BeginForm("Delete", "Layer", new { layerId = Model.Layer.Id, subAccountId = Model.SubAccount.Id })){
<input type="image" src="/Portal/Content/images/admin-delete-off-btn.png" onmouseover="this.src='/Portal/Content/images/admin-delete-on-btn.png'" onmouseout="this.src='/Portal/Content/images/admin-delete-off-btn.png'" title="Delete button" value="Delete" alt="Delete" />
}
</div>
}


I can't seem to figure out the script to make this work. Can anyone help?

What I had was

<script type="text/javascript">
function confirmDeleteSelected(id) {

jQuery("#dialog-confirmDelete").dialog({
closeOnEscape: false,
resizable: false,
width: 250,
modal: false,
zIndex: 5000,
buttons: {
"Yes": function () {
doDeleteSelected(id);
jQuery(this).dialog("close");
jQuery(this).dialog("destroy");
},
"No": function () {
jQuery(this).dialog("close");
jQuery(this).dialog("destroy");
}
} //end Buttons
});
}

</script>

Thanks

Phil

Here's the code. what am I missing to make this work? Thank you in advanced!


@if (Model.Layer.Id > 0){
<div style="float: left; padding-left: 14px;">
@using (Html.BeginForm("Delete", "Layer", new { layerId = Model.Layer.Id, subAccountId = Model.SubAccount.Id })){
<input type="image" src="/Portal/Content/images/admin-delete-off-btn.png" onmouseover="this.src='/Portal/Content/images/admin-delete-on-btn.png'" onmouseout="this.src='/Portal/Content/images/admin-delete-off-btn.png'" title="Delete button" value="Delete" alt="Delete" />
}
</div>
}

<div class="clear"></div>

<div id="dialogDeleteBox" title="Delete Confirm" style="display: none">
<span class="ui-icon ui-icon-alert" style="float: left; margin: 0 7px 40px 0;"></span>
<div id="confirmDeleteLayer">
<div id="confirmDeleteLayerMessage">
<p>
Are you sure you want to delete this group?
</p>
</div>
</div>
</div>

Hi friends,

I am trying to use the window.setTimeout feature so that a message pop-up with yes/no appears on the screen asking whether to extend the session. The actual sessions expires on 5 seconds.

*If yes is clicked, the current page reloads.
*If no is clicked, nothing happens. (the session will expire anyway).

Many pages is open fastest, but other delays several seconds or minutes!

Quote:
var w = 800;
var width = 800;
var h = 800;
var height = 800;
var left =(screen.width/2)-(w/2);
var top = (screen.height/2)-(h/2);

window.open ("","myNewWin", 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width='+w+', height='+h+', top='+top+', left='+left);
var a = window.setTimeout("document.form1.submit();",5000);

Letchev

can anyone help me change this script to add confirmation of finishing the exam when pressing submit button and avoiding that when time is out....and how could i save radio button checked even if page being refreshed it stays checked....thanks in advance. this is the code....
Code:

<?php
if($_POST['submit']) {
  print_r($_POST);
  $aqeel= $_POST['q'];
  print "a ".$aqeel[2];
  exit(0);
}
?>
<?php
//Function to generate/fetch the exam
//Example output of the function:
$examQuestions = "
  <label for='q1'>What is your name?</label><input type='text' name='q[1]' id='q1'><br />
  Are you:<label for='q2a'>Male</label><input type='radio' name='q[2]' id='q2a' value='male'> or <label for='q2b'>Female</label><input type='radio' name='q[2]' id='q2b' value='female'><br /><input type='text' name='c'>
";


//Set a variable in the format: 'h, m, s' for use as the timer paramiters
//Sample:
$timerLength = '0, 0, 10'; //0 hours, 0 minutes, 10 seconds
?>
<html>
  <head>
    <script language='javascript' type='text/javascript'>
      function timerShow(hours, minutes, seconds, init) {

        if(init === true) {
          setTimeout("timerTick(" + (hours * 360 + minutes * 60 + seconds) + ")", 1000);
        }

        if(hours > 0) {
          time_left = hours + " hr:" + minutes + " min:" + seconds + " sec";
        } else {
          if(minutes > 0) {
            time_left = minutes + " min:" + seconds + " sec";
          } else {
            if(seconds > 0) {
              time_left = seconds + " sec";
            } else {
              document.getElementById("submit").click();
            }
          }
        }

        document.getElementById("timer").innerHTML = "Time Remaining: <b style='font-size: 14pt; color:red;'>" + time_left + "</b>";
      }

      function timerTick(seconds) {
        seconds -= 1;
        if(seconds > 0) {
          setTimeout("timerTick(" + seconds + ")", 1000);
        }

        hours = (seconds - (seconds % 360)) / 360;
        seconds -= hours * 360;

        minutes = (seconds - (seconds % 60)) / 60;
        seconds -= minutes * 60;

        timerShow(hours, minutes, seconds, false);
      }
    </script>
  </head>
  <body>
    <div>
      This exam consists of <b><?php echo $num_q; ?></b> questions.<br /><br />
      You have <b></b> minutes to complete this exam.<br /><br />
      <input type='button' onclick='this.parentNode.style.display = "none"; document.getElementById("exam").style.display = ""; timerShow(<?php echo $timerLength; ?>, true);' value='Start'>
    </div>
    <form id='exam' method='post' style='display: none;'>
      <div id='timer'></div>
<?php
//output the exam here
echo $examQuestions;
?>
      <input type='submit' value='Finish' name='submit' id='submit'>
    </form>
  </body>
</html>

Hello all,

Im new to the board, Have a question i cant figure out. This board seems very helpful, so here goes.

Im trying to grab certain variables like orderID & Subtotal variables that are posted to the confirmation page. The reason im grabbing these is for a confirmation pixel that is displayed for commission junction. When some clicks on their link, then completes an order, their tracking pixel fires grabs these variables and that way they can track the order confirmaton. The problem is they dont see the tracking pixel firing and its not grabbing the variables. I dont know what to do. Here is the code. maybe someone here can help me??

This is the code that shows on the confirmation page. Im assuming this is where im suppose to grab the variables.

Code:

//<![CDATA[
var SecureCartOrders = [ {"orderID":154983165,"name":"Max Test","company":null,"email1":"max@maxtest.com","address1":"123 main st","address2":null,"city":"miami","state":"Florida","zip":"33845","country":"United States","fax":null,"phone":"5611112222","secondaryphone":null,"cardtype":"","shipname":"Max Test","shipCompany":null,"shipAddress1":"123 main st","shipAddress2":null,"shipCity":"west palm beach","shipState":"Florida","shipZip":"33405","shipCountry":"United States","status":"Accepted","product":["oil product"],"sku":["FC1246"],"quantity":[1],"price":[0.00],"option":[[]],"productattributes":[{}],"plist":"3598071","Total":0.00,"shippingMethod":"Free Shipping","shippingAmount":0,"grandTotal":0.00,"adtrack":0} ];
//]]>

This is the javascript code that im using to grab those variables. The variables that i need are

orderID & Total

Code:

<script type='text/javascript'> 
var orderId = SecureCartOrders[0].orderID; 
var subTotal = SecureCartOrders[0].Total;
var url ='https://www.emjcd.com/u?CID=111111&TYPE=343000&CURRENCY=USD&METHOD=IMG';
url += '&OID=' + orderId;
url += '&AMOUNT=' +subTotal; 
document.write('<img width=\'20\' height=\'1\' src=\' + url + \'\'>'); 
</script>

I have no idea what else i can do. This is a system hosted confirmation page from a shoppingcart software called, 1shoppingcart.com

Code:

<fieldset class="submit" style="padding-left: 200px;">
	<?php if ($site_exist >= 1){
			echo "<input type=\"submit\" name=\"submit\" value=\"Update\">";
		} else { echo "<input type=\"submit\" name=\"submit\" value=\"Submit\">";} ?>
<!-- This is the button I am having trouble with. -->
		<input type="button" name="delete" value="Delete"
			onClick="return confirmSubmit()">
</fieldset>
</form>
		<script type="text/javascript"><!--
			function confirmSubmit(){
				var agree=confirm("Are you want to delete this site from our index?");
				if (agree) return true ;
				else return false ; } // -->
		</script>

Not entirely sure which forum this should go in, since the problem could probably be fixed with HTML, PHP or Javascript. Anyway, I have the confirmation window working. What I need is for the button to post a variable (siteDelete = 'true') when it is pressed. I would prefer to do that part without javascript, but I want the data to be posted after and only after the confirmation window returns true. I can do that with a submit button, but I'm not sure what code to use and where to use it when using a non-submit button.

ok i have to selection boxes and they need to read each other and input either a yes or a no into a text form i would really appreciate some help thanks

heres what i have if it helps

Code:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type" />
<title>Galvanic Corrosion Chart</title>
</head>
<body>
<br />
<form name="gcc">
<div align="center"><a href="website.html"><img
style="border: 0px solid ; width: 278px; height: 50px;" alt=""
src="pics/LOGO.png" border="0" height="50" width="278" /></a><br />
</div>
<p style="text-align: center;" align="center"><font size="+2"><span
style="font-family: Century Gothic;"><font
style="text-decoration: underline;" size="+3">
<font face="Futura Bk BT">Galvanic Corrosion Chart<span
style="text-decoration: underline;"><span
style="text-decoration: underline;"><span
style="text-decoration: underline;"><span
style="text-decoration: underline;"><span
style="text-decoration: underline;" /></span></span></span></span></font></font></span></font><font
face="Futura Bk BT"><br />
</font>
</p>
<br />
<table
style="text-align: left; margin-left: auto; margin-right: auto;"
height="119" width="610">
<tbody>
<tr>
<td style="vertical-align: top; text-align: center;"
align="center" valign="middle"><font face="Futura Bk BT"><font
size="+1">&nbsp;<font size="+1"> Material 1</font></font><br />
<select name="mat1">
<option>Zinc Plating</option>
<option>Zinc Die Casting</option>
<option>Galvanize</option>
<option>Tin-Zinc</option>
<option>Cadmium-Zinc Solder</option>
<option>Aluminum(Clad.1100.3003.5052.6160)</option>
<option>Cadmium Plate</option>
<option>Aluminum Castings</option>
<option>Carbon &amp; Alloy Steel, Cast Iron</option>
<option>Aluminum(2024.2017.7075)</option>
<option>Lead</option>
<option>Lead-Silver Solder</option>
<option>Tin-Lead Solder</option>
<option>Tin Plating</option>
<option>Chromium Plate</option>
<option>Stainless 18/2</option>
<option>Copper &amp; Alloys</option>
<option>Stainless 18/8</option>
<option>Silver Solder</option>
<option>Monel</option>
<option>Nickel Plate</option>
<option>Titanium</option>
<option>Silver Plate</option>
</select>
<br />
</font></td>
<td colspan="1" rowspan="1"
style="vertical-align: top; text-align: center;" valign="middle"><font
face="Futura Bk BT"><font size="+1"> Material 2</font><br />
</font>
<select name="mat2">
<option>Zinc Plating</option>
<option>Zinc Die Casting</option>
<option>Galvanize</option>
<option>Tin-Zinc</option>
<option>Cadmium-Zinc Solder</option>
<option>Aluminum(Clad.1100.3003.5052.6160)</option>
<option>Cadmium Plate</option>
<option>Aluminum Castings</option>
<option>Carbon &amp; Alloy Steel, Cast Iron</option>
<option>Aluminum(2024.2017.7075)</option>
<option>Lead</option>
<option>Lead-Silver Solder</option>
<option>Tin-Lead Solder</option>
<option>Tin Plating</option>
<option>Chromium Plate</option>
<option>Stainless 18/2</option>
<option>Copper &amp; Alloys</option>
<option>Stainless 18/8</option>
<option>Silver Solder</option>
<option>Monel</option>
<option>Nickel Plate</option>
<option>Titanium</option>
<option>Silver Plate</option>
</select>
</td>
</tr>
<tr>
<td colspan="2" rowspan="1" align="center" valign="top"><font
face="Futura Bk BT" size="+1">Acceptable</font><br />
<font face="Futura Bk BT"><input name="AR" readonly="readonly" /></font></td>
</tr>
</tbody>
</table>
</form>
</body>
</html>

Ok, this HAS to be some stupid typo I can't find somewhere or something but I don't see where. Basically the alertbox works just fine when only the show_alert() function and the button calling it are in the code. But neither work if only the alert() function and the button calling that are in the code, nor does it work by itself. However I see no differences in how they are coded unless I am missing something very very simple.

Code:

<html>
<head>
<script type="text/javascript">
	function show_alert()
	{
		alert("I am an alert box!");
	}
	function alert()
	{
		alert("again");
	}
</script>
</head>
<body>

<input type="button" onClick="show_alert()" value="Show alert box" />
<input type="button" onClick="alert()"      value="CLICK me" />

</body>
</html>