Home

Start CSS

Start Dreamweaver

Jump Menus

Web Photo Galleries

Popups

 

 

Mike's Page

Greg's Page

Ryan's Page

Popups

Pop Up Windows can be used to provide limited additional information to the user without the user having to leave the page. Dreamweaver allows us to create these without any need to deal with javascript ourseleves.

First, create a new web page as we have before. Within the body tags, type <span id="albanyPopup">Go to UAlbany!</span>. The span tag with an ID attribute allows us to have a distinct tag that we can create a pop up from in Dreamweaver.

Make sure you can see the tag inspector panel. If you cannot, click Window>Behaviors. Highlight the text you just created.

On the Tag Inspector panel, click the add behavior button (a plus sign). Select "Open Browser Window" from the dropdown. Fill in the dialog as follows:

Now, define the when you want the popup to launch. We'll choose the onClick event by going back to the tag inspector, and changing the event from whatever it is to onClick. Launch the page and it will work!