Browser window close and tab close - javascript

I want to create a JS function that detect only browser close and tab close functionality.
I used this code from http://ykyuen.wordpress.com/2011/02/22/jquery-javascript-capture-the-browser-or-tab-closed-event/
I works for me but when i place a cursor on address and hit enter it goes to kill page method. I need only to show alert when tab or browser is closed.

I am afraid this is not possible.
You cannot really make a distinction. When the user navigates away from your page in any way, you get the same events (beforeunload, unload). You can do some tricks (like in the link posted) whether the user clicked any of the links on your page or submitted one of your forms, but you cannot really differentiate between the refresh button, back button, the user entering a new address, the user clicking a bookmark, close tab, close browser, etc.

Related

Run a script when you go to a new page

How can I run a javascript function when the user exits my page? It's pretty much all in the title.
If you're talking about a redirect, like a link clicked from your page (which opens in a new tab), you can use event.preventDefault(), run your script and then do the redirect manually.
If you're talking about detecting when a user leaves the view on the browser, like many news/blog sites do when then they pop up an annoying "Don't miss out!" or "Sign up now!" modal, you can run the mouseleave or the mouseout event handler for either window or document.body and your script will run when the user moves the mouse outside the boundaries of the view, whether to another window/program or to the tab bar or URL bar within the browser window

How to bring popup browser window to the front so its on top of all browser windows?

My application gives users a specific amount of time to pay for a service. We do this because we can only keep their reservation for X amount of time.
The time we give them should be sufficient, however if they are running out of time we notify them with a Bootstrap Modal as shown below:
However, as soon as the modal achieves focus by the user clicking on the button or anywhere on the modal window, the PayPal browser window moves behind the main window. See picture below.
Simple clicking anywhere on the black overlay will bring the Paypal browser window back. However, I was hoping that someone might have some idea on how to achieve this using the button click in the modal.
In other words, how can I bring the Paypal browser window back to the front by clicking on the 'Yes Please' button on the modal or the close event of the modal?
I have tried to simulate the clicking of the overlay element in code but it does not seem to work.
Here is the code of the page:
From what I have read because the PopUp browser window is being opened from an iframe and the content is from a different source I cannot access the popup for security reasons. So there is no way to move it to the front unless the user clicks the dark overlay or the link 'Click to Continue'

Capturing the browser tab reload and tab close functionality

I want to call an ajax to other pages on the browser or tab close. When we reload tab or close tab it calls onbeforeUnload and onUnload events.
If I reload page either by pressing ctrl+r or by pressing enter in address bar it should reload page without any prompt and if I click close of browser or tab or I press ctrl+w keys it should prompt that "Changes you made might be lost" and if user click leave it should close tab and call an ajax, else it should stay on page.
Can anyone help me with this?
Thanks in advance
Most of the browsers intentionally block popups triggered in onbeforeunload, for known reasons.
But if you want to preserve users' data from erasing, you can engage window.localstorage property.

Javascript cookie to hide alert box

Ok I looked all over the internet but I just can't find what I want:
I have a page that sends a javascript alert to iPhone/android users only, and give them the option to go to the mobile website (if they click cancel another alert box shows up telling them how to acces the mobile site anyway).
But, this is very annoying if you go to that website everytime, and you everytime have to click cancel (this is only annoying to the people who click cancel all the time), so, can I get a cookie that remembers you clicked cancel and won't show the popup again for e.g. a month?
I don't want it to remember the choice (maybe users who clicked agree want to switch back but automatically get redirected again) but just not to show the confirm box anymore...
How can I do this?

Javascript Back Button in Modal - Stop it from closing the modal

How do I get the "back" button seen in my demo to NOT close the modal window?
If this can't be prevented, then at least provide them with a confirmation box alerting them the window is trying to close and ask them if they want to continue.
I'm using a javascript back button link and forward button link to control the user's history inside a modal/lightbox window.
Here's a demo of what is happening... When you begin, the second page will have a link to the modal window, so click that, then click the "back" button in the window as it will take you BACK to the start page. That's the issue I'm having as I don't want this to happen.
http://www.apus.edu/_test/evan/modal/start.htm
Back Button
Foward Button
If you can see where they are in the page (ie: the start page having a static back / forward button ) why not just make the back button a javascript:void(0)? If you aren't going to have a defined front location, use server side to store their start place, and once they have reached it, disable the back option.

Categories