Question

Is their a way that when when a particular web page is opened a pop-up appears and until I select some value from that pop-up I cant do ant thing in the background web page and also that the execution of this web page halts until pop-up is their.
I found this :

win2 = window.open("popup_choose_template.html", "Window2", "width=310,height=600,scrollbars=yes");

but its like just another web page which can be closed or just ignored.
what should be a better way ?

Answer 1

You can use jQueryUI with Modal Dialog:

eg:

$( "#dialog-confirm" ).dialog({
    height:140,
    modal: true,
    buttons: {
        "Ok": function() {
            $( this ).dialog( "close" );
        },
        Cancel: function() {
            $( this ).dialog( "close" );
        }
    }
});

It disables all background page and forces user to do something.