Question

82

How to show pop-up survey with Jquery when leaving page

rated 0 times [ 87] [ 5] / answers: 1 / hits: 17887 / 13 Years ago, mon, november 14, 2011, 12:00:00

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?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

longd

Add To Favorites

Follow

Total Points: 616

Total Questions: 110

Total Answers: 101

Location: Andorra

Member since Sat, May 27, 2023

1 Year ago

longd questions

1 JS to TS: Type 'null' is not assignable to type 'number'

Mon, Jan 24, 22, 00:00, 2 Years ago

1 Typescript class variables and error: refers to a value, but is being used as a type here. . Did you mean typeof' .... Why exactly?

Wed, May 26, 21, 00:00, 3 Years ago

1 Slick Slider two rows, how?

Sat, Apr 3, 21, 00:00, 3 Years ago

1 VS Code auto formatting with prettier

Mon, Jul 13, 20, 00:00, 4 Years ago

1 Uncaught SyntaxError: import declarations may only appear at top level of a module:1:18 asking again

Tue, Jun 9, 20, 00:00, 4 Years ago

View All

answered 13 Years ago sidneyh · Accepted Answer

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..