JavaScript- Refresh Parent Window When Child Window is Closed

By: Suresh Dasari Nov 6, 2012

Introduction:

Here I will explain how to refresh parent window when child window is closed using JavaScript in asp.net.

Description:

In previous articles I explained Open Child window from parent window and display child window values in parent window, Set Default homepage in IE and Mozilla, Redirect to another page after some time delay, jQuery Remove first/last character from string, jQuery Drag and Drop Example, and many articles relating to JavaScript and JQuery. Now I will explain how to refresh parent window when child window is closed using JavaScript in asp.net.

To implement this functionality first create one new website and open Default.aspx page and write the following code

<head>

<title>Untitled Page</title>

function OpenChildWindow() {

window.open('ChildPage.aspx',null,'height=400, width=400, status=yes, toolbar=no, menubar=no, location=center, scrollbar=no');

}

</script>

</head>

<body>

<p>This is parent Window, Click on button to open new window</p>

<asp:Label ID="lbltext" runat="server"/>

<asp:Button ID="btnClick" runat="server" Text="Open Child Window" OnClientClick="OpenChildWindow()" />

</div>

</form>

</body>

</html>

In code behind Default.aspx.cs add this code

protected void Page_Load(object sender, EventArgs e)

{

lbltext.Text = DateTime.Now.ToString();

}

Now right click on Website >> Select Add New item >> Select Web Form and give name as ChildPage.aspx >> Click OK

Now open ChildPage.aspx and write the following code

<head>

<title>Untitled Page</title>

function closechildwindow() {

window.opener.document.location.href = 'Default.aspx';

window.close();

}

</script>

</head>

<div>

<p>Now close the child window and notice that parent window get changed</p>

</div>

</form>

</body>

</html>

Demo

While Opening child window I am showing present time once I am closing child window I am refreshing the parent window and updating the time check it

If you enjoyed this post, please support the blog below. It's FREE!

Get the latest Asp.net, C#.net, VB.NET, jQuery, Plugins & Code Snippets for FREE by subscribing to our Facebook, Twitter, RSS feed, or by email.

Subscribe by RSS

Subscribe by Email

1 comments :

Sagar Tajpara said...: Thanks 4 sharing....

i m using this but when close the child window then error generated like this

"Microsoft JScript runtime error: 'window.opener.document' is null or not an object"

my 1st page is city_display.aspx
2nd page is add_city.aspx.; November 25, 2012 at 10:07 PM

Give your Valuable Comments

Note: Only a member of this blog may post a comment.

Subscribe to: Post Comments ( Atom )

ASP.NET,C#.NET,VB.NET,JQuery,JavaScript,Gridview