calling a function outside ajax modal

Question

Hi,

I am using the jqModal plugin for modal dialogs on my page. I have a situation where one modal includes a form called via ajax (a seperate .aspx page that gets loaded into the modal window. as shown below)

 $('#mdl_new').jqm({ ajax: 'ajax/new_modal.aspx', trigger: '#options_add a' });

When the user fills in the form in the new_modal.aspx page and clicks on the submit button, I run some server side code then I need to update a div on the main page, while the modal is still shown.

Is this possible?

Answer 1

try the .onHide handler of jqmodal. It allows you to trigger actions when the user chooses to close the dialog.

 .onHide: function(h) { 
      t.html('Please Wait...');  // Clear Content HTML on Hide.
      //perform your div manipulation here
      h.o.remove(); // remove overlay
      h.w.fadeOut(888); // hide window
    }