CODEWITHSUNDEEP
javascriptpopup
cool2cool
cool2cool

Reputation: 71

Closing child pop-up and refreshing the parent page

I am trying to achieve the following.

  1. A link on a parent page will open a new child pop-up.
  2. In the child pop-up, the user enters some data and clicks “Save”.
  3. Data will be saved to database and the pop-up will be closed. The parent window would be refreshed, and the data entered in the child pop-up would be displayed in the parent page.

How can this (closing a child pop-up and refreshing the parent page) be done in Javascript?

Upvotes: 7

Views: 34970

Answers (3)

erickb
erickb

Reputation: 6299

parent.html

<a href="#" onclick='window.open("child.html","_blank","height=100,width=100,
status=yes,toolbar=no,menubar=no,location=no");return false'>pop up</a>

child.html

<p>child window</p>
<script>
window.onload = function(){
    window.opener.location.reload(true);
    window.close();
}();
</script>

Upvotes: 3

derekcohen
derekcohen

Reputation: 1514

In the pop-up window:

<script type="text/javascript">
function proceed(){
   opener.location.reload(true);
   self.close();
}
</script>

<form onsubmit="proceed()">
...
</form>

Upvotes: 11

Delan Azabani
Delan Azabani

Reputation: 81482

In the popup's code for closing/reloading:

opener.location.reload();
close();

Upvotes: 5

Related Questions