How to stop script when using jQuery Dialog?

Question

I'm sure this has been asked here many times. The latest one I saw was on Dec. 2012. But I would like to ask if someone's got a fix/better workaround for this problem.

I'm using jQueryUI Dialog and I would like to ask if it is possible to stop the script execution when the dialog pops up and the user haven't selected an answer yet. Just like the javascript confirm() does.

Here's what I have so far:

jQuery

$("#GlobalDialogBox").dialog({
        modal: true,
        buttons: {
        "Yes": function () { 
            callbackFunctionTrue();
            $(this).dialog('close'); 
         },
        "No": function () { 
            callbackFunctionFalse();
            $(this).dialog('close'); 
         }
      }
    });

   alert("This should fire after answering the dialog box."); //but this fires as soon as the dialog pops up.. :(

The alert is a common part of the script that fires after answering the dialog box regardless of the answer. On my fix, I just inserted the alert in callbackFunctionTrue() and callbackFunctionFlase() and it does the job.

But what if I don't want to do that? How would I stop the script when the dialog pops up so that I can freely add my codes below the dialog script? Does anybody have a better solution? Any help would be appreciated! Thanks in advance! :]

http://stackoverflow.com/a/6924588/1166285 – d-_-b Jun 13 '13 at 02:18 — d-_-b, Jun 13 '13 at 02:18

lukaleli · Accepted Answer · 2013-06-13T02:19:55.540

When dialog is being closed it triggers close event. You can do that by adding event listener to your dialog:

$("#GlobalDialogBox").on( "dialogclose", function( event, ui ) {
      alert("something");
});

or in more consistent way:

$("#GlobalDialogBox").dialog({
    modal: true,
    buttons: {
        "Yes": function () { 
            callbackFunctionTrue();
            $(this).dialog('close'); 
         },
        "No": function () { 
            callbackFunctionFalse();
            $(this).dialog('close'); 
         }
    },
    close: function(event, ui){
       alert("something");
    }
});

score 1 · Answer 2 · answered Jun 13 '13 at 02:17

You can't really pause script execution arbitrarily. Callback functions are your best solution in this case, so below your buttons options on the dialog add a close event handler and put your alert and any other code you want to execute after the dialog closes in there.

score 1 · Answer 3 · answered Nov 27 '14 at 11:48

function dialog_confirm(){
  $( "#dialog-confirm" ).dialog({
    //autoOpen: false,
    resizable: false,
    height:140,
    modal: true,
    buttons: {
      "Delete all items": function() {
        $( this ).dialog( "close" );
        dialog_confirm_callback(true);
      },
      Cancel: function() {
        $( this ).dialog( "close" );
        dialog_confirm_callback(false);
      }
    }
  });
}
function dialog_confirm_callback(value) {
  if (value) {
    alert("Confirmed");
  } else {
    alert("Rejected");
  }
}

score 0 · Answer 4 · answered Jun 13 '13 at 02:21

Not sure why you don't want to do that. What you have implemented is the same as I implemented when in the same situation and it worked just fine. Launch the dialog in its own JavaScript function, and launch your yes/no functions based on which element gets clicked. No alert box required.

score -3 · Answer 5 · answered Jun 13 '13 at 02:11

-3

you can use the return to stop the function.

answered Jun 13 '13 at 02:11

Ziv

103
1
6

he wnats to pause it not stop it – chiliNUT Nov 18 '13 at 19:17

How to stop script when using jQuery Dialog?

5 Answers5