Refresh parent window when the pop-up window is closed

Question

Is there any way I can refresh the parent window when a popup window is closed without adding any javascript code to the popup window?

I have a page parent.php on which users can click "open popup" to open a popup window. This popup window shows some flash content and its not possible for me to add something like

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

to the popup window page markup.

Is there any other method to achieve this? Thanks

have you tried to add the onunload handler to the handle of the popup window from the parent window? — Gordon, Nov 24 '10 at 14:28
Please check this: http://stackoverflow.com/questions/18321323/submit-form-reload-parent-and-close-child/36855748#36855748 might help someone — NoNaMe, Apr 26 '16 at 05:16

Tim Down · Accepted Answer · 2010-11-25T00:29:17.170

17

To make this work in all major browsers, you need to handle the unload event handler in the pop-up and do the reloading in the main window. In the main window, add

function popUpClosed() {
    window.location.reload();
}

In the pop-up:

window.onunload = function() {
    if (window.opener && !window.opener.closed) {
        window.opener.popUpClosed();
    }
};

So the answer to your question is generally no, if you need your code to work in all browsers, in particular IE.

edited Nov 25 '10 at 00:29

answered Nov 24 '10 at 14:34

Tim Down

318,141
75
454
536

when the URL is secured mean https: does it is not asking for a window with "really want to submit data" Retry and Cancel buttons? – changeme Jul 11 '12 at 16:30

score 5 · Answer 2 · answered Nov 24 '10 at 14:29

5

I'm sure you can just add this to parent.php:

var myPop = "pop up window selector"
myPop.onunload = function(){ 
  location.reload(); 
};

answered Nov 24 '10 at 14:29

benhowdle89

36,900
69
202
331

+1 but could change `var myPop = "pop up window selector"` to `var myPop = window.open();` to make the example clearer – Gordon Nov 24 '10 at 14:41
Sorry, i couldnt think of the selector of the top of my head! Thanks for pointing that out Gordon – benhowdle89 Nov 24 '10 at 14:43
This won't work in IE. My answer will. Please stop upvoting it. – Tim Down Nov 24 '10 at 15:12
IE will ignore the `onunload` property assigned from another window. You can only do it from within the pop-up. Try it if you don't believe me (I have IE 7, I'm fairly certain IE 8 behaves the same). – Tim Down Nov 24 '10 at 16:15
@benhowdle89: Sorry to be aggressive. It's nothing personal. I'm just having a moment of exasperation with the randomness of SO voting and how it doesn't often reward actual knowledge. – Tim Down Nov 25 '10 at 16:25
Sorry Tim i cant stop people upvoting this answer. – benhowdle89 Nov 25 '10 at 16:26
@benhowdle89: I know, and I am genuinely sorry to have picked on you. – Tim Down Nov 25 '10 at 16:27
I dont feel picked on :) just sorry that your getting frustrated! Its baffling why people upvote the wrong answer!? – benhowdle89 Nov 25 '10 at 16:28

score 2 · Answer 3 · answered Aug 02 '11 at 20:01

The problem with Tim Down's method is that it doesn't answer the original question. The requirement is that you cannot add any code to the pop-up window.

One solution that I've found, while not particularly elegant, is effective across all browsers I've tested on.

You will be simply polling the newly created window object continuously, checking if it's still open.

On parent window:

  var register;
  var poll;

  function isOpen(){
      if(register.closed){alert("Closed!"); clearInterval(poll);}
  }


  function create(){

      register = window.open("http://www.google.com","register","width=425,height=550");
      poll=setInterval("isOpen()",100); //Poll every 100 ms.
}

salexch · Answer 4 · 2010-12-02T09:04:52.930

had similar problem to detect the closing popup in the parent window. I think the reason was in not setting the document.domain property.

any way add to Tim Down answer the document.domain property for both window and popup like this:

    <script type="text/javascript">
        document.domain='<?=$_SERVER['SERVER_NAME']?>';
    </script>

and instead of

 window.onunload = function() {
     if (window.opener && !window.opener.closed) {
        window.opener.popUpClosed();
     }
 };

I used in the popup :

     <body onunload="window.opener.popUpClosed();">

Refresh parent window when the pop-up window is closed

4 Answers4

Linked