JavaScript - Need Help To Confirm Whether Logic Is Correct And Can Be Coded In Java

Ok, I need some help with this.
When you click the close button on your browser, I want it to have a confirmation. Saying "**Click OK to be redirected to a new page**" something like that.

If you click "OK" you are redirected to another page.
If you hit CANCEL, then it closes out.

It doesn't have to be a confirmation.
Just needs to be something that has an option. (Maybe return xx?)

Anyways, here's what I've got:
Code:

<script type="text/javascript" language="javascript"> 
var sure = false;
var lin = false;
function sureF()
{
    if(!sure && !lin)
    {
        sure = true;
        var con = confirm("**Are you sure you want to leave?**")
        if(con == true)
        {
            location.href = "http://www.google.com/"
            return con;
        }
        else
        {
            alert("Sorry")
        }
    }
}
window.onbeforeunload = sureF;
</script>

What that does, is when you click close on your browser, it will say "Are you sure you want to leave?" you click "OK", and you get redirected to google .com (How I set it) BUT then a popup comes up saying, "Are you sure you want to navigate away?" which I don't want at all.

As you can see, my script is quite messed up.
Could you help me out?

Thanks.

Hello, this is not and advert
This is a class i built in javascript

What it dose:
When users leave a site that has a confirm you want to leave box from the browser

Why have i posted:
I have seen around on the internet posts about how to do such a thing so i though i would get hits to codding forum when user search for such a thing and any one of codding forum members could help it get better

Well this is a nice little object to use insted that dose a light box effect and brings up a Yes/no true/false box you set what you want it to say

The JSON Object
PHP Code:
confirmBox = {
    'message' : 'This is a Confirm Box',
    'trueTxt' : 'True',
    'complete' : true,
    're' : '',
    'falseTxt' : 'False',
    'onTrue' : 'alert("true")',
    'onFalse' : 'alert("false")',
    'setTrue' : function(ontrue){ this.onTrue = ontrue + "confirmBox.update('true')"; },
    'setFalse' : function(onfalse){ this.onFalse = onfalse + "confirmBox.update('false')"; },
    'setTrueText' : function(trueText){ this.trueTxt = trueText; },
    'setFalseText' : function(falseText){ this.falseTxt = falseText; },
    'setText' : function(text){ this.message = text; },
    'hide' : function(){
        var bg = document.getElementById('___confirmBox_bg');
        var center = document.getElementById('___confirmBox_center');
        var dialog = document.getElementById('___confirmBox_dilog');
        center.removeChild(dialog);
        bg.removeChild(center);
        document.body.removeChild(bg);
    },
    'show' : function(){
        this.createBG();
        this.createCenter();
        this.createDialog();
    },
    'update' : function(sw){
        this.re = sw; 
    },
    'state':function(){
        if(this.re = ''){
            return false;
        }else{
            return this.re;
        }
    },
    'createBG' : function(){
        var bg = document.createElement("div");
        bg.setAttribute('style', "display: table; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80);");
        bg.setAttribute('id', '___confirmBox_bg');
        document.body.appendChild(bg);
    },
    'createCenter' : function(){
        var center = document.createElement('div');
        center.setAttribute('style',"#position: absolute; #top: 50%; display: table-cell;  vertical-align: middle; margin-left:auto; margin-right:auto;");
        center.setAttribute('id', '___confirmBox_center');
        document.getElementById('___confirmBox_bg').appendChild(center);
    },
    'createDialog' : function(){
        var dialog = document.createElement('div');
        dialog.setAttribute('style', "display:block; width: 300px; padding: 16px; background-color: white; z-index:1003; margin-left:auto; margin-right:auto;");
        dialog.setAttribute('id', '___confirmBox_dilog');
        dialog.innerHTML = this.message + '<div align="right"><input type="button" onclick="eval(confirmBox.onTrue); confirmBox.hide();" value="' +this.trueTxt + '" /><input type="button" onclick="eval(confirmBox.onFalse); confirmBox.hide();" value="' + this.falseTxt + '" /></div>';
        document.getElementById('___confirmBox_center').appendChild(dialog);        
    },
} 


Then this is how you call it and set propertys
Code:

<script src="confirmBox.js" type="text/javascript"></script>
<script type="text/javascript">
	confirmBox.setText("This is a test");         //Sets the text to show in the box
	confirmBox.setTrueText("I can see it");     // sets the text on the return true button
	confirmBox.setFalseText("I can't see it");  // sets the text on the return false button
	confirmBox.setTrue('alert("Thanks");');     //what to do when true is clicked
	confirmBox.setFalse('alert("Your a lier");');// what to do when false is clicked
	confirmBox.show();                              // Show the confirmBox
</script>

I amcalling a JS confirm function from my code behind like this:
If bResetNewUser Then
strMessage = "Your profile was successfully updated. Would you like to be redirected to the Inquiry screen?"
ClientScript.RegisterStartupScript(Me.GetType(), "confSQUpdateScript", "ConfirmSQUpdate('" & strMessage & "');", True)

My JS function is as follows:
function ConfirmSQUpdate(message) {
if (confirm(message)) {
window.location = "ClaimantInquiry.aspx"
}else {
window.location = "http://www.labor.vermont.gov/"
}
}

When I click the Update Profile button the first code snippet executes except no confirm message box appears and hence no redirect. The page says there is an error and the error is Object expected on the ClientScript... line.
I have this same functionality with alert boxes and they all work.

What gives?

Hi, when my page loads it starts with a confrim box. If "Cancel" is selected then the rest of the page loads fine. If "Ok" is selected nothing after the confirm box loads. Any ideas.

Also, it appears that IE and Firefox have trouble with this type of media and Chrome will only play the audio file for about 15 seconds. Any solutions?

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

	<title>Justin Revard</title>

	<style type="text/css">
	    html, body {height: 100%; margin: 0; padding: 0;}
	    #background {position:fixed; top:0; left:0; width:100%; height:100%;}
	    #content {position:relative; z-index:1;}
	</style>

</head>


<body>
<p><img id="background" src="Images/siteBackground.jpg" /></p>
<div id="content">
<h1>Justin Revard's Home Page</h1>
<p>
<script type="text/javascript"><!--
		var r = confirm("Would you like a background tune?");
		if (r == true)
		{
		document.body.innerHTML += '<object class="plugin_video" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="480" width="640"><param name="autoplay" value="true" /><embed title="QuickTime" hidden="true" src="sounds/siteBG.wav" mce_src="sounds/siteBG.wav autoplay="true" loop="true" controller="true"></embed></object>';
		}
		else
		{
		alert("If you change your mind reload the page to choose again.");
		}
// --></script>
</p>
<p>
<table>
<tbody>
  <tr>
    <td><a href="Source/page2.html" style="opacity:0">Page 2</a></td>
    <td><a href="Source/page3.html" style="opacity:0">Page 3</a><br /></td>
    <td><a href="Source/today.php" style="opacity:0">Today's Date</a></td>
    <td><a href="Source/morePHP.php" style="opacity:0">More PHP</a></td>
    <td><a href="Source/database.php" style="opacity:0">Database</a></td>
    <td><a href="source/products.html" style="opacity:0">Products</a></td>
    <td><a href="Source/origFileRead.php" style="opacity:0">Original File Reader</a></td>
    <td><a href="Source/fileRead.php" style="opacity:0">File Reader</a></td>
  </tr>
  <tr>
    <td><a href="http://justinrevard.com"><img src="Images/homeButton.jpg" /></a></td>
    <td><a href="foosball.html"><img src="Images/foosballButton.jpg" /></a></td>
    <td><a href="physics.html"><img src="Images/physicsButton.jpg" /></a></td>
    <td><a href="skiing.html"><img src="Images/skiingButton.jpg" /></a></td>
    <td><a href="message.html"><img src="Images/messageButton.jpg" /></a></td>
    <td><a href="links.html"><img src="Images/linksButton.jpg" /></a></td>
    <td><a href="aboutMe.html"><img src="Images/aboutMeButton.jpg" /></a></td>
  </tr>
</tbody>
</table>
</p>
</div>
<p>&nbsp;</p>
</body>

</html>

Hi, I am trying to give the user the option of music on my homepage (b/c we've all found it annoying at times...perhaps most times). I have found an "onload" option for the body tag on dotnetspider.com, but it doesn't seem to be working for me. Please take a look and let me know of any improvements I could make. Thx

Code:

<body onload="loadMusic()">

  <p>
    <script type="text/javascript"><!--
      function loadMusic()
        {
        var r=confirm("Would you like a background tune?");
        if (r==true)
          {
            <input type="button" onclick="show_confirm()" value="Show a confirm box" /> 

            <object class="plugin_video" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="480" width="640">
              <param name="autoplay" value="false" /><embed title="QuickTime" hidden="true" src="sounds/siteBG.wav" mce_src="sounds/siteBG.wav" autoplay="true" loop="true" controller="true"></embed>
            </object>
          }
        else
          {
            alert("If you change your mind reload the page to choose again.");
// --></script>

Hello,

I'm new to Javascript, but have been programming in PHP and other web codes for 4 years now.

I was wondering how you would check if a checkbox was ticked, upon its selection and then unhide HTML content, and then hide such content when deselected..

So far I have this:

Code:

<script type="text/javascript">
	function Agree() {
		document.getElementById("stepTwo").className = "";
	}
</script>

Which is called by onclick="Agree()" on the select box itself..

I understand an if statement is needed, but how would one go about doing this as my if statements do not appear to be working.

Hi,

im using this code as a fancybox replacement for confirm.



Code:

function fancyAlert(msg) {
    jQuery.fancybox({
        'modal' : true,
        'content' : "<div style=\"margin:1px;width:240px;\">"+msg+"<div style=\"text-align:right;margin-top:10px;\"><input style=\"margin:3px;padding:0px;\" type=\"button\" onclick=\"jQuery.fancybox.close();\" value=\"Ok\"></div></div>"
    });
}

function fancyConfirm(msg,callback) {
    var ret;
    jQuery.fancybox({
        modal : true,
        content : "<div style=\"margin:1px;width:240px;\">"+msg+"<div style=\"text-align:right;margin-top:10px;\"><input id=\"fancyConfirm_cancel\" style=\"margin:3px;padding:0px;\" type=\"button\" value=\"Cancel\"><input id=\"fancyConfirm_ok\" style=\"margin:3px;padding:0px;\" type=\"button\" value=\"Ok\"></div></div>",
        onComplete : function() {
            jQuery("#fancyConfirm_cancel").click(function() {
                ret = false; 
                jQuery.fancybox.close();
            })
            jQuery("#fancyConfirm_ok").click(function() {
                ret = true; 
                jQuery.fancybox.close();
            })
        },
        onClosed : function() {
            callback.call(this,ret);
        }
    });
}

function fancyConfirm_text() {
    fancyConfirm("Ceci est un test", function(ret) {
        alert(ret)
    })
}

how can i use fancyConfirm via an onclick in a hyperlink?


thanks for your help!

Hi I really really really need your help since I have no idea about this.

How can I insert the Javascript Confirmation Alert into the del.php file?



I have this del.php file

PHP Code:
<?php
require ("include/config.php");
$id=$_REQUEST['id'];
 
$strSQL = "DELETE FROM change WHERE id = '".$id."' ";  
 $objQuery = odbc_exec($conn,$strSQL);  
 if($objQuery)  
 {  
 
 echo "<script language='Javascript'>alert('Deleted.'); 
     window.location=\""."index.php?action=syif\"</script>";
 
 }  
 else  
 {  
 echo "Error Delete [".$strSQL."]";  
 }  
 odbc_close($conn);  
 
 
?>



This is the confirmation javascript

Code:

<html>
<head>
<script type="text/javascript">
function show_confirm()
{
var r=confirm("Delete?");
if (r==true)
  {
  alert("Deleted!");
  }
else
  {
  alert("Cancelled!");
  }
}
</script>
</head>
<body>
 
<input type="button" onclick="show_confirm()" value="Show confirm box" />
 
</body>
</html>

I've been trying to write a script that activates a confirm box when a browser window is closed. I want this to occur only when they try to close the window, not if they click on links on the page to navigate elsewhere.
The confirm box then gives the option to continue closing as they intended or, if they click on ok (or cancel if it's easier), navigate to another page I specify.
The script below works but it displays a confirm box when you close the window and click on links.

Code:

<script type="text/javascript">
function show_confirm()
{
var r=confirm("Wait! Would you like check out yahoo?");
if (r==true)
  {
  window.open("http://www.yahoo.com");
  }
else
  {
  window.close();
  }
}
window.onbeforeunload = show_confirm;
</script>

I understand you may be able to create a variable that you then attach to any links on the page you don't want to activate the confirm box. I don't know how to do this.
Thank you.

I'm working on a bank website that needs disclaimers on their external links. I've searched for a tutorial or a script I could understand but need additional help if anyone is willing..

Here's my page with external links:
http://designphilanthropy.org/services/links/

Here's the js I used from the previous bank design (I don't see any code here that will do what I need):

Code:

<script language="javascript">
	<!-- Hide
	window.resizeTo(440, 440);
	
	function go() {
		var width = screen.width;
		var height = screen.height;
		if(width<650) {
			width = 600;
			height = 400;
		} else {
			width = width - 200;
			height = height - 100;
		}
		window.resizeTo(width, height);
        location.href="";
	}
	// end Hide -->

</script>

And here's the code on the "yes" button:
Code:

<input type="button" VALUE="YES" onclick="javascript:go();">

The link opens the disclaimer and populates the url in the browser, but I don't know how to write the js for it to continue to the destination after clicking "yes"

Any help would be greatly appreciated...

Hi Guys,

I would like to add a confirmation to this:

PHP Code:
echo "<a href=\"delete.php?dir=$dir&file=$file\" onclick='return del(this, \"$id\")'><img src=\"images/delete.gif\" border=\"0\" /></a>"; 



However I seem to be struggling, severely!

Any help would be greatly appreciated, especially if spelt out if alphabetti spaghetti.

Kind Regards,

Drew

http://tinyurl.com/bw2y3sr
This is my site and I want to create a Yes and No dialogue box when user closes a browser so this popup confirm dialogue should appear. Can anyone help me?

I am not sure why this is happening, but the script is working and throwing an alert but still submits.

Code:

<script type="text/javascript">
function check(a,b) {
var obja = document.getElementById('email')
var objb = document.getElementById('confemail')
if (obja.value==objb.value) {}
else {alert("The e-mail fields aren't the same!!")

}
return false;
}
</script>

Code:

<table>
<tr><td colspan="2">Email:</td></tr>
    <tr><td colspan="2"> <input type="text" name="email" class="wide"  id="email"></td></tr>
 	<tr><td colspan="2">Confirm Email:</td></tr>
    <tr><td colspan="2"> <input type="text" name="confemail"  id="confemail" class="wide"></td></tr>
<tr><td colspan="2"><br />
<input name="Submit" type="submit" value="Submit Help Request" onclick="check('email','confemail') "></td></tr>
</table>

does anyone see the issue?

Thanks for any help.

I have the following code written to give a user the option of participating in our survey, however, I cannot get it to only pop up when leaving the domain vs. clicking links internally. I have searched and searched and tried to implement code that I found on here among other sites without luck. I know I am just screwing up something simple so I need your help! I have also tried to implement code to set and read cookies so that it doesn't pop up excessively for a user. Although I would be ok without the cookie code.

Here is what I got:
Code:

<!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>
</head>
<body>
<script>

window.onbeforeunload = function(){ 
        location.assign('http://www.survey.com'); 
        return "Thanks for visiting! We would appreciate if you could take the time to fill out our short survey to enhance your experience with our organization. To take our survey please hit CANCEL below. To continue without taking our survey just hit OK. Thanks again!"; 
    } 
</script>
</body>
</html>

Thanks in advance for your help. I didn't include any other code that I tried to implement as I figured it would be easier for you all to direct me in the right direction and help implement the code into mine.

how can you do

onclick="return getconfirm('do you want to logout?');"
onClick="window.location('logout.asp');"

on the same button , if confirm then go url else stay here ?

thank you