javascript - reload parent window if child window was closed

Question

I am trying to reload a parent window if child window get closed.

Here is my current code which opens a popup window, but it has not programmed for refresh parent window when it get closed. I dont know what code to add

jQuery(document).ready(function($) {

    jQuery('.top-buttons a').live('click', function(e){
        e.preventDefault();
        newwindow=window.open($(this).attr('href'),'','height=500,width=850');

        if (window.focus) {newwindow.focus()}
        return false;
    });
});

read question carefully, i need a code which refresh parent window if child get closed — user007, Mar 15 '13 at 05:38
It was difficult to dedeuce it from original question.Now after edit it says so. — Engineer, Mar 15 '13 at 05:40

score 2 · Accepted Answer · answered Mar 15 '13 at 05:40

2

Try:

newwindow = window.open($(this).attr('href'), '', 'height=500,width=850');
newwindow.onbeforeunload = function () {
    console.log("popup closed")
}

answered Mar 15 '13 at 05:40

darshanags

2,519
1
13
19

score 1 · Answer 2 · answered Mar 15 '13 at 05:41

1

You can access the parent window from the child window using window.opener : example

So to reload the parent window just call window.opener.location.reload() documentation when you handle the close event.

answered Mar 15 '13 at 05:41

basarat

261,912
58
460
511

score 1 · Answer 3 · answered Mar 15 '13 at 05:42

1

Try the below code on close event of the child window

      window.opener.location.reload();

answered Mar 15 '13 at 05:42

Samy

632
4
14

score 1 · Answer 4 · edited May 23 '17 at 12:11

1

You can use window.opener to access parent window and window.reload() to reload it when child window is closed.

Please refer below URLS:

how to access parent window object using jquery?

javascript: How Can a parent window know that its child window closed?

edited May 23 '17 at 12:11

Community

1
1

answered Mar 15 '13 at 05:42

web2008

914
4
11

score 0 · Answer 5 · edited May 23 '17 at 10:25

0

in the parent window define an unload event like

 function doStuffOnUnload() {
     alert("Unloaded!");
  }

 if (typeof win.attachEvent != "undefined") {
     newwindow.attachEvent("onunload", doStuffOnUnload);
 } 
 else if (typeof win.addEventListener != "undefined") {
    newwindow.addEventListener("unload", doStuffOnUnload, false);
  }

from here i took it from

edited May 23 '17 at 10:25

Community

1
1

answered Mar 15 '13 at 05:40

Dakait

2,531
1
25
43

score 0 · Answer 6 · answered Mar 15 '13 at 05:41

0

you need window.opener

window.opener.location.href = window.opener.location.href;

should be added to the closing event of the window.

answered Mar 15 '13 at 05:41

hammus

2,602
2
19
37

as other users have suggested location.reload() will also get you there. – hammus Mar 15 '13 at 05:43

javascript - reload parent window if child window was closed

6 Answers6