[ Pop-up's | Pop-up Windows | One Time Pop-up | Pop-up Images ]


Pop-up Windows
A JavaScript Tutorial


JavaScript used to open a Pop-up Window and display an Web Page when someone clicks on a link. That's what the Pop-up Windows Script is.

The Pop-up Windows Script is

  • FREE for use on all Sites that are family oriented. Please click here for details.
  • Easy to setup on your page using the instructions provided here.
  • Designed to work with all browsers.
Pop-up Windows are managed by this Script so that
  • Pop-up becomes the top window anytime a link is clicked.
  • Only one Pop-up Window is open at any time.
  • Location of Pop-up on the screen can be specifically set (most browsers).
  • Pop-up is closed when document that called it is closed.
Links for the Pop-up Windows can be easily designed and tested.




Here you will learn how to use JavaScript to easily create and manage pop-up windows on your site. This page is full of pop-up windows to demonstrate and teach the techniques.


The basic pop-up alert dialog box.
A better message box!


Let's look at some more pop-up windows. The following series of windows not only demonstrates the use of multiple pop-up windows on a page but by reading the content of each you should get a good understanding of how to fabricate pop-up windows using my functions. There is a lot of information in these windows and it will take you some time to study them. The rewards will be great though and you will soon find windows popping up all over your web pages. You may want to print the information in a couple of the windows so that you can study it at your leisure. Also, look at the status bar when the mouse is over a cartoon to determine how I called each of the pop-up windows.


 

Pop-up Windows Demonstration / Tutorial
Limitations of window.open() method.
The openPopWin() function.
Design and Test Links.
Dynamic content.
Frequently Asked Questions.
Click on Cartoons to open windows.

Visit the Pop-up Hall of Fame for examples on other Web Sites.

 

 

Controlling the Location of the Pop-up's

You can easily control the location of the pop-up windows. Click on the links below to see how this works. Read the FAQ on Controlling the Location of the Pop-up's to learn more.

Location Demonstration
Top Left Top Center Top Right
Middle Left Center Middle Right
Bottom Left Bottom Center Bottom Right


 




Pop-up's     One Time Pop-up

[ Pop-up's | Pop-up Windows | One Time Pop-up | Pop-up Images | Pop-up Calculator ]