How to Create a Popup Window With Dreamweaver
If you have ever wanted to include a pop-up window with your website, such as for thumbnails or accessibility, Dreamweaver makes it easy to do so. Dreamweaver has included automatic scripting to let you change a few options and add a pop-up window to your website almost automatically with no hard coding involved. Follow these steps to add a pop-up window to your website.
Instructions
-
-
1
Start Dreamweaver. Open a new blank document by selecting "HTML" in the "New" category on the introduction splash screen.
-
2
Type the word "Link" or some other text so you can test out the pop-up window onto your new blank HTML document and select it when you are finished.
-
-
3
Choose the "Window" menu, and then "Behaviors" to bring up the Behaviors panel.
-
4
Click on the "+" symbol and then choose "Open Browser Window" to view the Open Browser Window pop-up properties. Here, you can set the specific properties you would like to apply to your pop-up window.
-
5
Key in, copy and paste or browse to input the URL you wish the visitor to be directed to when he clicks on the word "Link" in your document.
-
6
Specify the width and height of the pop-up, as well as any attributes you want the pop-up to contain such as a toolbar, menu bar, status bar, scrollbars or resize handles and click "OK."
-
7
Select "onClick" from the Events column in the Behaviors panel to set the pop-up window to occur when the word "Link" is clicked.
-
1
Tips & Warnings
Use the keyboard shortcut of Shift+F4 to quickly bring up the Behaviors panel.
You must be in Preview view before you can test to see if the pop-up window works correctly.
Comments
-
nevlin
Sep 30, 2009
I can't get the link to actuate - is there an actuator command after 'onlink'? -
evolution2025
Jun 27, 2009
This works beautifully. Is there a way to position where on the web page the popup window is located?