Question

I have a web page which opens a jQuery UI dialog which contains a “Save” button.
When clicking on that button, I would like to reload the whole page behind the dialog (as some modified information in the dialog are displayed in the page behind).

Now, I know that the dialog and the page behind are actually the same page… so If I do window.location.reload(); The whole page is reloaded and the dialog obviously disappears automatically.

I would like the reload to happen behind the dialog (and keep the dialog open), do you think it’s possible?

Answer 1

You could use AJAX on save and reload the content of a DIV only, and not the entire page.

//on save..
$.get('page.php', function(data) {
  $('.mydiv').html(data);
});