Refreshing Parent window after closing popup

Question

I am creating a popup window that goes to hello.html. I want my original (parent page) to reload when i close the popup window (hello.html). I can\'t seem to get it to wor

Answer 1

This piece of code works as well if a new window is popped with the window.open feature.

setTimeout(function () { window.opener.location.reload(true); window.close();}, 3000);

Answer 2

Try putting this javascript code in your popup window:

window.onunload = function(){
  window.opener.location.reload();
};

/onunload event will trigger when you close your popup window, and window.opener.location.reload() will reload the source (parent) window./

Answer 3

Do it like this, after creating the popup monitor its "closed" status property in an interval. But this is added in the parent document:

var pop = window.open("page.html", "popup",
            "width=800,height=500,scrollbars=0,title='popup'");
    pop.focus();

    var monitor = setInterval(function() {

        if (pop.closed) {
            document.location.reaload()
        }

    }, 1000);

Answer 4

Put this script in the header of your popup window:

<script type='text/javascript'>
window.onunload = function(){
window.opener.location.reload();}
</script>

This will reload the parent window when you close the popup.

Answer 5

on click event of popup close function Try...

window.opener.location.reload(true);

Answer 6

Subscribe to the unload event in the child window and call the parent window from the child window to notify it is closing!

Edit Added a code sample...

function popupClosing() {
  alert('About to refresh');
  window.location.href = window.location.href;
}

var w = window.open("hello.html","_blank","toolbar=yes, location=yes, directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=400, height=400");
w.onunload = function () {
  window.parent.popupClosing()
};