Javascript: How to refresh parent window from a pop-up after closing pop-up

Description of javascript sample

Recently, I wrote a hub for creating a pop-up html window from a link. This article is a companion to that one. There have been times, that I gave the user a pop-up javascript window to edit or add to what they were already looking at. Maybe, there's an update to a database or an upload of an image, etc.

So, the user clicks the pop-up window link, makes the update or does whatever, and you want them to click the "close window" link, which will close the pop-up and refresh the parent window displaying the new data, images, etc., that they user just completed from the pop-up. Rather than the user having to use the refresh option of the browser. It just makes it a better user experience online. One less step for them to worry about.

Sample Javascript

Place the following javascript code between the <HEAD></HEAD> tag of your <HTML> page.

<SCRIPT language=JavaScript>
<!-- 
function win(){
window.opener.location.href="http://www.yoursite.com/parentwindowpage.html";
self.close();
//-->
}
</SCRIPT>

Sample HTML code for Close Button

Below is the sample HTML code for a close button on your page to close the pop-up window, and refresh the parent window.


<input type=button onClick="win();" value="Close This Window" style="FONT-SIZE: 10px">

More by this Author

  • How to Get Rid of Mice In and Around The House?
    5

    Until this year, the only time that I've had mice or rats in the house were when my daughter had pet mice and rats, and one of those times we did have one loose in the house. (Science fair project got loose.) Anyway,...

  • Tips For How to Stain Concrete Floors
    1

    You don't always have to tile, carpet, or hardwood your floors. The new thing is to just stain the concrete that's already there. It's a lot of work, but if done properly, your home will look gorgeous. If you're...

  • How to Build Wooden Roof Trusses
    23

    You may refer to a truss as the rafter, but it's basically the skeleton of the roof, carrying the weight of the frame and supporting the walls of the building. Trusses are very important to preventing the walls from...


Click to Rate This Article
working