How do I get a result from a modal dialog in JQuery

Question

I would like to use an add-in like simplemodal or the dialog add-in in the UI kit. However, how do I use these or any other and get a result back. Basically I want the modal to do some ajaxy interaction with the server and return the result for the calling code to do some stuff with. Thanks.

Answer 1

Since the modal dialog is on the page, you're free to set any document variable you want. However all of the modal dialog scripts I've seen included a demo using the return value, so it's likely on that page.

(the site is blocked for me otherwise I'd look)

Answer 2

Here is how the confirm window works on simpleModal:

$(document).ready(function () {
    $('#confirmDialog input:eq(0)').click(function (e) {
     e.preventDefault();

     // example of calling the confirm function
     // you must use a callback function to perform the "yes" action
     confirm("Continue to the SimpleModal Project page?", function () {
      window.location.href = 'http://www.ericmmartin.com/projects/simplemodal/';
     });
    });
});

function confirm(message, callback) {
    $('#confirm').modal({
     close:false, 
     overlayId:'confirmModalOverlay',
     containerId:'confirmModalContainer', 
     onShow: function (dialog) {
      dialog.data.find('.message').append(message);

      // if the user clicks "yes"
      dialog.data.find('.yes').click(function () {
       // call the callback
       if ($.isFunction(callback)) {
        callback.apply();
       }
       // close the dialog
       $.modal.close();
      });
     }
    });
}