javascript - Manage when someone tries to close the browser window/tab -
javascript - Manage when someone tries to close the browser window/tab -
in onbeforeunload event, asked user whether want leave page or remain on it. when click "stay on page", want redirect them webpage in same window. sounds weird, that's i've been assigned do. basically, main page plays video - think advertising purchase something, , when close decide remain on page, want video go away/stop playing , different info appear (a different "webpage"). there way this, without showing/hiding divs? can override function? i'm trying way(as seen below) dialog box not showing @ all. working before ideas i'm doing wrong, or how accomplish task?
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>the shocking truth - cabot market letter</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $("#vid").show(); $("#div2").hide(); }); var test = 1; function manipulatetest() { test = 2; } window.onbeforeunload = onbeforeunload_handler; function onbeforeunload_handler() { if (test == 1){ $("#vid").hide(); $("#div2").show(); var confirm = confirm("would remain on page?"); if (confirm == true) { window.location = "http://www.google.com"; } } } </script> </head> <style type="text/css"> body { background-color: #e0e6e5; } #vid { margin: 20px auto; width: 920px; } </style> <body> <div id="vid"> <video width="920" height="540" autoplay preload controls> <source src="shockingtruth.mp4" type='video/mp4; codecs="avc1.42e01e, mp4a.40.2"'> <source src="shockingtruth.webm" type='video/webm; codecs="vp8, vorbis"'> <source src="shockingtruth.ogv" type='video/ogg; codecs="theora, vorbis"'> <object width="920" height="540" type="application/x-shockwave-flash" data="flowplayer-3.2.1.swf"> <param name="movie" value="flowplayer-3.2.7.swf" /> <param name="allowfullscreen" value="true" /> <param name="flashvars" value='config={"clip": {"url": "http://www.cabot.net/videos/shocking-truth/shockingtruth.mp4", "autoplay":true, "autobuffering":true}}' /> <p>download video <a href="pr6.mp4">mp4</a>, <a href="pr6.webm">webm</a>, or <a href="pr6.ogv">ogg</a>.</p> </object> </video> </div> <div id="div2"> <video width="920" height="540" autoplay preload controls> <source src="shockingtruth.mp4" type='video/mp4; codecs="avc1.42e01e, mp4a.40.2"'> <source src="shockingtruth.webm" type='video/webm; codecs="vp8, vorbis"'> <source src="shockingtruth.ogv" type='video/ogg; codecs="theora, vorbis"'> <object width="920" height="540" type="application/x-shockwave-flash" data="flowplayer-3.2.1.swf"> <param name="movie" value="flowplayer-3.2.7.swf" /> <param name="allowfullscreen" value="true" /> <param name="flashvars" value='config={"clip": {"url": "http://www.cabot.net/videos/shocking-truth/shockingtruth.mp4", "autoplay":true, "autobuffering":true}}' /> <p>download video <a href="pr6.mp4">mp4</a>, <a href="pr6.webm">webm</a>, or <a href="pr6.ogv">ogg</a>.</p> </object> </video> </div> <p style="text-align: center;"><a href="http://www.cabot.net/info/cml/cmlld03.aspx?source=ed01" onclick="manipulatetest();">click here order</a></p> </body>
a dirty trick settimeout
, , see whether still runs: http://jsfiddle.net/fj4lr/1/.
window.onbeforeunload = function() { settimeout(function() { alert('you clicked stay.'); }, 500); homecoming 'really?'; };
javascript asp.net html onbeforeunload
Comments
Post a Comment