Opening pop up windows

First click the following link to open a popup window.

Click to open a pop up window

This method uses the link.

   <a href="#" onclick="openPopUp('popUp.html')">

The use of # as the link means that no link is actually taken: the link is being used to execute a javascript function.

Close pop up window and click the following link to open it again.

Click to open a pop up window

This method uses a special form of link which just executes a javascript function.

   <a href="javascript:openPopUp('popUp.html')">

The general syntax of the open function is

   open(UTL, windowName, windowFeatures)
In the windowFeatures string there should be no spaces.

Other useful features are menubar="yes", resizable="yes", scrollbars="yes", toolbar="yes", and status="yes". Note that the javascript designers cannot spell: use resizable not resizeable.

The default values are "no". Click the following link to see a popup window with these values turned on.

Click to open a pop up window