Refreshing the main page after closing a modal window

Question

Hello guys,

On a given webpage I have a link that opens a modal window using Thickbox. In that window I have a form which I use to save some data. After I submit the form, I close the modal window. Now my question is: can I refresh the main page after closing the modal window?

Thank you.

Answer 1

Please describe how the modal window is constructed? Is it with window.open or it's just an absolute positioned DIV?

Answer 2

Call this after the form is submitted and before the window is closed:

window.opener.location.reload();

Answer 3

Suppose this is the div you show in modal mode. You have to call tb_remove() to close the modal window. So just use location.reload(); before that call.

<div id="modalContent" style="display:none">
  <form>
    ...
  </form>
  <p style="text-align:center">
    <input type="submit" id="Login"value="Click to close"
      onclick="window.opener.location.reload();tb_remove()" />
  </p>
</div>

Answer 4

Actually Thickbox is no longer being maintained, so it might be better to use a different modal window. That being said, I know Facebox allows you to bind box open and close events like this:

$(document).bind('close.facebox', function() {
 // do something here
})

Answer 5

If using facebox simply add window.location.reload(); around line 148, so you end up with something like... close: function() { $(document).trigger('close.facebox'); window.location.reload(); return false }

If still using Thickbox I'm sure it's just as easy. Do a search for "close" and add the code.