In this article I will explain how to refresh or reload parent page from the child popup page on button click using JavaScript in ASP.Net
Parent Page
Below is the HTML markup of the parent page where I have placed an HTML input button which when clicked will open up the Child Page as popup window.
I am displaying the Current Date Time on the Parent Page so that when the Parent Page is refreshed we will be able to notice the page refresh.
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
body
{
font-family: Arial;
font-size: 10pt;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<h2>Parent Page</h2>
<div>
Last refreshed:
<%=DateTime.Now %>
</div>
<input type="button" value="Show Popup" onclick="ShowPopup('Child.aspx')" />
<script type="text/javascript">
var popup;
function ShowPopup(url) {
popup = window.open(url, "Popup", "toolbar=no,scrollbars=no,location=no,statusbar=no,menubar=no,resizable=0,width=100,height=100,left = 490,top = 262");
popup.focus();
}
</script>
</form>
</body>
</html>
Note: To know more about the various parameters being passed to the window.open function, please refer my articles
Child Page
In the HTML markup of the Child page, I have an HTML INPUT Button which when clicked makes call to the RefreshParent JavaScript function, the RefreshParent JavaScript function access the JavaScript window.opener object which holds the reference of the parent page and simply makes call to the reload method
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
body
{
font-family: Arial;
font-size: 10pt;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<h2>Child Page</h2>
<input type="button" value="Refresh Parent" onclick="RefreshParent()" />
<script type="text/javascript">
function RefreshParent() {
if (window.opener != null && !window.opener.closed) {
window.opener.location.reload();
}
}
</script>
</form>
</body>
</html>
![Refresh ( Reload ) Parent window from Child window using JavaScript]()
Demo
Downloads
