Open popup and refresh parent page on close popup

Question

I opened a popup window by window.open in JavaScript, I want to refresh parent page when I close this popup window.(onclose event?) how can I do that?

window.open("foo.html","windowName", "width=200,height=200,scrollbars=no"); 

Answer 1

You can access parent window using 'window.opener', so, write something like the following in the child window:

<script>     window.onunload = refreshParent;     function refreshParent() {         window.opener.location.reload();     } </script> 

Answer 2

The pop-up window does not have any close event that you can listen to.

On the other hand, there is a closed property that is set to true when the window gets closed.

You can set a timer to check that closed property and do it like this:

var win = window.open('foo.html', 'windowName',"width=200,height=200,scrollbars=no");    var timer = setInterval(function() {        if(win.closed) {           clearInterval(timer);           alert('closed');       }   }, 1000);  

See this working Fiddle example!