1. Home
  2. Computing & Technology
  3. JavaScript

Popup Windows

This series of tutorials takes you step by step thrugh thedifferent ways that you can create and modify popup windows.
Basic Popup Window
This Javascript allows you to specify not only the size of the popup window that will be used to display the new web page but also gives you control over what can be done with the window.
Javascript Generated Popup Windows
Javascript can not only create your popup window for you. It can generate the page to go in it as well.
Popup of Popunder
Which window appears in front of which? Take control using the Javascript onfocus and onblur methods.
Timed Window Close
This tutorial shows you how to close popup windows automatically once a set time has passed since the window was opened.
Positioning the Popup Window
The popup windows that we have looked at so far in this tutorial series have poppped up at whatever position on the screen that the browser thought was appropriate. Here we add the code necessary to place the popup window where we want.
Reusing Popup Windows
When you want to place multiple links on the same page (or different pages) that all need to open a popup window you don't need to open a separate popup for each. Having multiple popup windows will annoy your visitors. Instead you can reuse the same window each time.
Resizing the Popup Window
When you reuse an existing popup window it may not be the correct size for the new content. You can resize the window to fit.
Thumbnail Image Links
You can use what you have learned in the earlier tutorials to create popup windows just big enough for the larger image attached to your thumbnail image.
Captioned Image Popup
The final part of the tutorial series on popup windows shows you how to incorporate still more of the features that have been discussed to provide captions under the images in your popup windows.
window.open Reference
To conclude this tutorial series here is a reference to all four of the parameters and the various sub-parameters that you can use with the window.open() call.

Explore JavaScript

More from About.com

  1. Home
  2. Computing & Technology
  3. JavaScript
  4. Windows and Frames
  5. Popup Windows

©2008 About.com, a part of The New York Times Company.

All rights reserved.