JavaScript - User Closing Browser Event?

--------------------------------------------------------------------------------

I am currently using onbeforeunload to show user a message 'click ok to save, cancel to continue'

Question..
On browser close event (user clicks on window close button 'X' on browser), I do not want to show the message to user. Can you please help with how to check the browser close event.

Other details..
If user closes the browser, my ajax request is not getting executed and hence I am not able to save the data to database. Hence I am planning not to show the popup when user closes the browser.

Thanks in advance...
Sandip

Hi...
Is there anyway to differentiate between refreshing a window and closing the browser.
It seems both events are handled by onUnload event.

Thanks

The topic of event handler management has been covered in many places in the past. One location is in the contest by PPK. The winning submission by John Resig has a few problems, and the commentary on the site seems to gravitate to the implementation by Dean Edwards after the analysis of the Resig code.

I was also able to find a few more implementations on stackoverflow from: Bill Ayakatubby and Marco Demaio.

Outside of the JavaScript frameworks, what is generally done for supporting event functionality? There are numerous options each with their own benefits and drawbacks. I'm uncertain of which one to use myself. Is there an undeclared de facto?

Hi I am trying to develop a
Qwerty Shifter
http://www.cross-browser.com/toys/qwertyshifter.html
by handling keyboard events.

I want to display a textbox and as user type any text it changes at once means as user types "a" it display "s"
"b" changes "n"

for internet explorer I have script

function InputEventKeyPress(event){

window.event.keyCode = shifter (window.event.keyCode);

} //Key press


function shifter (keyAscii)
{
switch (keyAscii){
//CAPITAL LETTERS A - Z
case 65 : return 83; break; //A
case 66 : return 78; break; //B
case 67 : return 86 ; break; //C
}
}

Hi forum,

I am trying to attach an event to a dynamically produced button, and then use
stopPropagation and preventDefault.
Code:

function chapter12_nodeOne() {
    
    //create an element
    var element = document.createElement('input');
    //set some attributes
    element.setAttribute('type', 'button');
    element.setAttribute('value', 'submit');
    element.setAttribute('id', 'myBtn');
    //appendd the element into a DIV
    document.getElementById('myDiv').appendChild(element);
    //uses EventUtil to attach an event listener
    EventUtil.addHandler(element, 'click', function() {
        alert('event attached');
    });

    var flag = confirm('prevent default behavior of button?');
    if (flag) {
        var el = document.getElementById('myBtn');/////////////////////////(1)
        var ev = el.onclick;
    }
}

var EventUtil = {
    addHandler: function(element, type, handler) {
        //check if the element and the browser support DOM Level 2 event attachment
        //if the user is not browsing with IE
        if (element.addEventListener) {
            element.addEventListener(type, handler, false);
        }
        //if user is browsing with IE
        else if (element.attachEvent) {
            element.attachEvent("on" + type, handler);
        }
        //if user is using a browser that only supports DOM Level 0 event attachment 
        else {
            element["on" + type] = handler;
        }
    },

    removeHandler: function(element, type, handler) {
        //check if the element and the browser support DOM Level 2 event attachment
        //if the user is not browsing with IE
        if (element.removeEventListener) {
            element.removeEventListener(type, handler, false);
        }
        //if user is browsing with IE
        else if (element.detachEvent) {
            element.detachEvent("on" + type, handler);
        }
        //if user is using a browser that only supports DOM Level 0 event attachment 
        else {
            element["on" + type] = null;
        }
    }
};

But when debugging I see under el on the line marked with (1) that the onclick event is null. What am I doing wrong?!
PS:the event is attached, when I click on the button I get an alert message

is it possible to capture the control.event or element.event that was fired to invoke the onbeforeunload event.

for example, if a button is clicked and it causes the onbeforeunload event to fire can i determine which button was clicked.

thanks

I have a ondrag event handler and in that I am trying to retrieve e.ClientX but it always return 0 in Mozilla. Works fine in IE though.

How can retrieve the clientX and clientY in ondrag event?

So this is what I have so far:
Code:

import java.util.Random;

public class lotteryGame
{
  public static void main(String args[]) throws Exception
 {
 int n=0; // counter for the amount of times played
 int t=0; // total amount of winnings
 int i=0; // number of matches
 int a; // first guess
 int b; // second guess
 int c; // third guess
 int d; // first number in the lottery
 int e; // second number in the lottery
 int f; // third number in the lottery
 Random rand = new Random();

while (n<100) // play the game for 100 times
{
 a=rand.nextInt(9) + 1; // assign a random number to a
 b=rand.nextInt(9) + 1;
 c=rand.nextInt(9) + 1;
 System.out.println("Lottery Number"+a+b+c);
 d=rand.nextInt(9) + 1;
 e=rand.nextInt(9) + 1;
 f=rand.nextInt(9) + 1;
System.out.println("Your guess"+d+e+f);
 if (a==d){
  i=i+1;
  System.out.println(a+"is a match");
  d=d+10; // if a=d then d is taken out of the range (1-9)
 }
 else if (a==e){
   System.out.println(a+"is a match");
  i=i+1;
  e=e+10;
 }
 else if  (a==f){
   System.out.println(a+"is a match");
  i=i+1;
  f=f+10;
 }
 if (b==d){ 
   System.out.println(b+"is a match");
  i=i+1;
  d=d+10;
 }
 else if (b==e){
   System.out.println(b+"is a match");
  i=i+1;
  e=e+10;
 }
 else if  (b==f){
   System.out.println(b+"is a match");
  i=i+1;
  f=f+10;
 }
 if (c==d){ 
   System.out.println(c+"is a match");
  i=i+1;
  d=d+10;
 }
 else if (c==e){
   System.out.println(c+"is a match");
  i=i+1;
  e=e+10;
 }
 else if  (c==f){
   System.out.println(c+"is a match");
  i=i+1;
  f=f+10;
 }
 if (i==3){
   if (a==d-10&&b==e-10&&c==f-10){
   t=t+10000;
   System.out.println("You win!!!");
   }
   else{ 
   t=t+1000;
   System.out.println("You had 3 matches! You win $1000");
   }
 }
 if (i==2){
  t=t+50;
  System.out.println("You had 2 matches! You win $50");
 }
 if (i==1){
   
  t=t+10;
  System.out.println("You had 1 match! You win $10");
 }
}

n=n+1;
i=0;
 }
}

I don't know what is wrong with the program, It compiles fine but when I run it, it never stops. =/
I figure that Code:

n=n+1

would be a counter to stop the while loop. Where do I place it so it can count everytime it runs. Or, What do I need to add in order for the program to stop running after 100 times?
Thank You. =]

okay, im using this script to close a DIV, can i somehow link it so that it loads main.swf when the div is closed? Now the SWF is running in the bg.

Code:

   <script language=javascript>
<!--
function hideDiv(){
if(document.getElementById('Div').style.display != "none") { document.getElementById('Div').style.display = "none"; }}
//-->
</script>

Code:

<a href=# onclick="javascript:hideDiv();">Close</a>

I have a lightbox pop up on my homepage. I'm curious if there's a way to automatically close the pop up after 5 seconds or so.

For some readon onClose kept popping in my head, but I'm pretty sure that's not correct. Thanks.

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>Lightbox Example</title>
</head>

<body>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/
libs/jquery/1.4/jquery.min.js"></script>

        <script type="text/javascript" src="/lightbox/
jquery.mousewheel-3.0.4.pack.js"></script>
        <script type="text/javascript" src="/lightbox/
jquery.fancybox-1.3.4.pack.js"></script>
        <link rel="stylesheet" type="text/css" href="/lightbox/fancybox/
jquery.fancybox-1.3.4.css" media="screen" />

        <script type="text/javascript">
                $(document).ready(function() {
                        $("a#onload").fancybox({
                                'frameHeight':  390,
                                'frameWidth':   640,
                                'hideOnContentClick': false,
                                'easingIn': 2000
                        }).trigger('click');
                });
        </script>

        <div id="lightbox_content" style="display:none">
        <div id="data">
<img src="/lightbox/donate.jpg" alt="Support Today!">
            <h1>Pledge Your Support Today!!</h1>
        </div>
        </div>

        <a id="onload" href="#data"></a>

</body>
</html>

I think this is a simple problem, but lets see...

As the title suggests, I'm building a menu where when the user clicks on their username, a menu slides down. That part is easy. Using jQuery, I'm using slideToggle so when they click it again it moves back up. But what I'd also like to do is make it so if they leave the menu "area" (eg, are not on the username or the menu) I'd like the menu to slide back up.

I tried
Code:

$('#userLink, #userMenu').mouseout(function () {
	$('#userMenu').slideUp('fast');
});

But there is the obvious flaw of when they mouse from the username to the menu, they leave the username and the menu closes back up.

Anyone have thoughts on how this is/can be done? Is there a way to check what element the mouse is on at any given time? My other thought was to have a function set on timeout that would check if its on one of the accepted elements, and if not, close the menu and disengage the timeout.

Say you have a document with 2 frames with 2 buttons in one of the frames. If one button opens a window, how can you make the other button close it?

Hi,

im thinking about something like this, is this the correct way to do this.

Code:

function run_timout() {
    timout = setTimeout(closethewindow, 3000);
}

function closethewindow() {
  alert("Your time is up!");
  window.close('mywindow');
}

Hi there all,

Trying to adapt a bit of Code, but failing wonderfully!

I'm writing in Cold Fusion, but using a little java script to create the sliding effect. It's from a sliding open list function in another site, and I tried to just hack my current needs in there.

Code:

<script>
	function DC_ShowHideMoreWebsites(id) {
		if( document.getElementById( "contentsections2").style.display=="none" ) {
			Effect.BlindDown( "contentsections2"); 
			 return false;
		} else {
			Effect.SlideUp( "contentsections2" );  return false;
		}
	}
	</script>

is followed by

Code:

<p id="moreScreenshots"><a href="#" onclick="DC_ShowHideMoreWebsites"; return false;">More Website Examples</a></p>

I've tested the script, div and the DB call by just calling it with
Code:

<p id="moreScreenshots"><a href="#" onclick="Effect.BlindDown('contentsections2'); return false;">More Website Examples</a></p>

And that works fine.

I've never coded in Java, hence the problem! any help appreciated

Hi!

I'm working on a website where I need some help with open and closing divs using javascript.

This is the website: clashjeans.se/test/styles.html

As you can see I'm using a javascript to open each jeans style link, I don't know if this is the best way to do it, but it's how I've done it so far. If you click the "Frankie style link" at the bottom the div called Frankie will show and you will see a little image in that div that says "next wash". What I would like this link to do is to close the frankie div and open up another wich looks almost the same as the previous, the only thing that will change is the pictures actually. Please help me solve this problem, any suggestion about how to make this work will be highly appreciated!