Home

Javascript: Popup Windows

Posted by SteveHardie | On: Mar 03 2010

This post shows you how to create a basic popup window using Java Script as well as a reference list of options for popups.

JavaScript allows you to open new windows from within your HTML code. You can even have actions in one window effect another window.

Create a Basic Popup Window

The code to open a new window is straightforward. It gets more complicated when you add different options, and when you navigate around multiple windows.

Syntax: window.open([url],[title],[options]);
View More

window.open("win1.html","Window1","menubar=no,width=430,height=360,toolbar=no");

In the above example, the syntax is to first specify the web page to load into the window. Next, set the title of the window. Last, specify the options for the window. Note: the options are all in a single set of quotes.

Option Values Description Version
location yes|no Does the location bar show? ver 1.0
menubar yes|no Does the menubar show? ver 1.0
scrollbars yes|no Do scrollbars show? ver 1.0
status yes|no Does the status bar show| ver 1.0
titlebar yes|no Does the titlebar show? ver 1.0
toolbar yes|no Does the toolbar show? ver 1.0
resizable yes|no Can you resize the window? ver 1.0
height pixels height of window ver 1.0
width pixels width of window ver 1.0
directories yes|no Does the personal toolbar show? ver 1.2
innerHeight pixels specifies the inner height of window ver 1.2
innerWidth pixels specifies the inner width of window ver 1.2
screenX pixels specifies distance from left edge of screen ver 1.2
screenY pixels specifies distance from top edge of screen ver 1.2

Leave a comment