[ The openPopWin() function ]


Pop-up Windows
Design and Test Links


Easy method for you to design and test the Links for Pop-up Windows for your web pages.

You first need to copy some code to your web page. You can find the instructions for doing this in my discussion on The openPopWin()function. Do only steps 1 and 2. This page replaces step 3 by giving you the tools to easily create all of the links you will need.

Here, you will first Design & Test your Pop-up. When you are satisfied with it, you will push a button to Get the Code to copy to your web page.


Size of Pop-up
Width: pixels
Height: pixels

Location of Pop-up
pixels
pixels
use default

 
Features
toolbar
location
directories
status
menubar
scrollbars
resizable

URL:

 
Design & Test your Pop-up

First, enter the desired Width and Height.

Use Location of Pop-up to position pop-up relative to the four edges of screen. Drop down boxes determine the screen edge that will be used for placement.

Select the Features you want.

Enter the URL for the page you will load or leave blank for now.

Click on Test Pop-up to view your results. Then, fine tune and test your pop-up until you are satisfied with it.

Note - Changes in the Location of Pop-up are ignored if use default is checked. Top-left corner location is then used for all pop-up's unless changed in the code.



Link - Text:
Image - URL:
Button - Label:
as part of HTML code in BODY
open Window when main page loads
Function to use with JavaScript Code


  Copy this code to your page
 

  Additional Information
 

 
Get the Code

Use this section to get the code for the pop-up you designed.

First, select the type of link you want. If you choose one of the first three types, you will need to add some text in the box provided for that selection. The Link Text is the text that will be displayed on your page to be clicked on to display the Pop-up. The Image URL is the path to the image that you want to be displayed. The Button Label is the text that you want displayed on the button.

Now press the Display Code button and copy the code displayed to your page after reading the Additional Information.


Repeat the steps Design & Test your Pop-up and Get the Code for any additional Pop-up Windows you wish to put on the same page.

Please email me if you have any problems using these procedures or any suggestions for improving this page.



[ The openPopWin()function ]