Javascript: Pop-up window from a HTML link

HTML Javascript Pop-up window

Sometimes you may see the need to have a smaller sized window or browser when a user clicks on a link. This is helpful for Help Topics, Static Information, or just anything that doesn't need the full browser opened. You can also control the scrollbars, toolbar, status bar, location bar, width, height and location on the screen.

Javascript code

Below is the sample javascript code that needs to be placed between the <HEAD></HEAD> tags of your html document. The sample code generates another browser that is 350 pixels wide and 300 pixels heigh. It also allows the scrollbars to show if the content is larger than the window. It is also resizable, but has no Location or status bar.


<SCRIPT LANGUAGE=JAVASCRIPT TYPE="TEXT/JAVASCRIPT">
<!--Hide script from old browsers
function newWindow(newContent)
{
winContent = window.open(newContent, 'nextWin', 'right=10,top=20,width=350,height=300,toolbar=no,scrollbars=yes,resizable=yes,location=no,status=no')
winContent.focus()
}
//Stop hiding script from old browsers -->
</SCRIPT>

HTML Link That Generates The Pop-Up

You will need to create a web page, popup.html, which would have the information that you want to display within the pop-up window.

HTML LINK:
<a href="javascript:newWindow('popup.html')" title="Click for Help">Click For Help</a>

More by this Author

  • Gun Laws in Georgia
    38

    Firearms can be a very dangerous tool in the hands of the wrong person. Every state has their own gun laws and regulations. For the state of Georgia, the laws are pretty straight forward and easy to abide by. Before you...

  • 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,...

  • 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