1

I want to show survey in pop-up window when users leaves page.

So I want to leave page only when he answers all the questions of survey and/or close the pop-up window... How can I do that?

I try this code

$(document).ready(function () {
        function exitpop() {
            my_window = window.open("http://www.google.com", "mywindow1", "status=off,toolbar=off,location=off,menubar=off,directories=off,resizable=off,scrollbars=off,height=800,width=800");
            });
        }
        $(window).unload(function () {
            exitpop();
        });
    });

But it blocks by majority of browsers and don't pause clicked action(going to other page or closing the window). What is the best way to do that?

Chuck Norris
  • 15,207
  • 15
  • 92
  • 123
  • try here: http://stackoverflow.com/questions/1025935/capture-event-onclose-browser – Alon Nov 14 '11 at 07:57
  • 3
    No offense but what you're trying to do is extremely obnoxious. There's a *reason* browsers block it. Circumventing it shouldn't be your goal. – Spencer Ruport Nov 14 '11 at 07:59
  • I want to show survey in pop-up, then after closing it continue previous action... – Chuck Norris Nov 14 '11 at 08:00
  • 4
    If you want the user to do a survey, make a "notify bar" at the top of the page. But do not do anything popup related when the user wants to LEAVE your page. There's a reason he wants to leave, letting him fill out a survey at that point in time will - to a very high degree - result in the user having a bad attitude and thus compromising his previous feelings about your page. – Sam Nov 14 '11 at 08:29
  • 2
    @SpencerRuport I would add that its not ALWAYS extremely obnoxious (although most uses I've seen have been by obnoxiously bad, stupid, and/or spammy sites). In our case we have a huge web form, with several textareas and a bunch of other form fields, in an RIA app for admin users. A user could perceivably spend 20 minutes on a form and then accidentally do something that triggers the back button, or a refresh, or loading another page. A highly requested feature is to prevent them from accidentally leaving the page without confirming. – B Robster Dec 05 '12 at 20:47

2 Answers2

3

Try Using window.onbeforeunload event ..

have an idea from the follow code snippet. i am using this type of code to confirm use to before leaving the page.. means either it is close tab or refresh the page...

But you have to track when it is refresh or close.. both means same to beforeunload.. you can't use directly use them either unload or beforeunload- they do not differ between window close, Try this may be it will work according to your requirements.

http://docs.jquery.com/Events/unload#fn

jQuery:

$(window).unload( function () { alert("Bye now!"); } );

or javascript:

window.onunload = function(){alert("Bye now!");}

For more information follow this: https://developer.mozilla.org/en/DOM/window.onclose

<!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" />
    <script type="text/javascript">
    function confirmBeforeUnload(e) {
        var e = e || window.event;

        // For IE and Firefox
        if (e) {
            e.returnValue = 'Any string';
        }

        // For Safari
        return 'Any string';

    }
    function goodbye(e) {
        if (!e) e = window.event;
        //e.cancelBubble is supported by IE - this will kill the bubbling process.
        e.cancelBubble = true;
        e.returnValue = 'You sure you want to leave?'; //This is displayed on the dialog

        //e.stopPropagation works in Firefox.
        if (e.stopPropagation) {
            e.stopPropagation();
            e.preventDefault();
        }
    }
    window.onbeforeunload = goodbye;
    </script>
    <title>Untitled Document</title>
    </head>

    <body>
    </body>
    </html>

open survey content in modal for interaction... follow these links to create modal popup on your page ..

http://choosedaily.com/1178/15-jquery-popup-modal-dialog-plugins-tutorials/

http://www.queness.com/post/77/simple-jquery-modal-window-tutorial -- follow this step by step tutorial with code to create modal popup..

Niranjan Singh
  • 18,017
  • 2
  • 42
  • 75
  • It's fine... But, do you know, how can I instead of confirmation message show pop-up window with survey? – Chuck Norris Nov 14 '11 at 08:21
  • 3
    create a div on your page with your survey contents .. make it invisible on page load.. before unload set its visibility style to hidden to visible.. and then you can process your data or use the jquery modal popup plugins.. i am updating answer with some links follow them.. – Niranjan Singh Nov 14 '11 at 08:27
0

Is it necessary to make users fill out a survey? If not, then you could replace the contents of the body so the user sees it in the background.

var done = 0;
window.onbeforeunload = function() {
  if (done != 1) {
    done = 1;
    document.getElementsByTagName('body')[0].innerHTML = "new content goes here";
    return "Howdy there. Why don't you stick around for a moment and take our survey?";
  }
}
Dave
  • 1