Pop-up Windows

Use the Dreamweaver behaviors panel to create small pop-up windows for ads or news!

This behavior helps to create pop-up ads, small browser windows etc. If you don't have Dreamweaver we have provided the code that you can cut 'n' paste and use in your web page.

'Open Browser Window' Behavior

This behavior allows you to open a browser window in any size you specify. e.g. Click here to see a sample.

Code for the Function: Cut 'n' Paste Code

<script language="JavaScript"> <!-- function MM_openBrWindow(theURL,winName,features) { //v2.0 window.open(theURL,winName,features); } //--> </script>

Code for the Links: Cut 'n' Paste Code

<a href="javascript:;" onClick="MM_openBrWindow('/website_templates/business1/preview.htm','template','width=780,height=550')">Click Here </a>

The above code is taken from Macromedia Dreamweaver 4.0

Learn how to Open a New browser Window in Dreamweaver

1. Open the behaviors panel by clicking on Windows/Behaviors.
2. Select the text that you would like to link to the new browser window.
3. Click on the '+' symbol in the behaviors panel.
4. Click on 'Open Browser Window'
5. In the 'Open browser Window' pop-up-window select the URL and specify the width and the height of the window. You can also choose if you want a status bar or a scroll bar etc.
6. Click on OK
7. In the behaviors panel under the Events Column you can choose onClick if you want the browser window to open only when the link is clicked.

Favorite Behaviors

Pop-Up Windows The 'Open browser Window' behavior can be used for promotional ads, zooming in to pictures etc. It allows you to open a browser window in any size you specify. Sample: Click here.  Learn how its done	Play Sound Play sound on rollovers, on page load etc. Sample: Rollover to play sound Click here to learn how its done
Jump Menus If you have a lot of links on a page and don't have enough of space to fit them all a simple way to add the links is to create a jump menu. Sample: Dreamweaver Tips Dreamweaver Forms Pop-Up Windows Play Sound Click here to see how its done	Swap images Use swap images to liven up your site and add a bit of interactivity. Sample: Rollover the links on the right to view the swaps. Click here to learn how to create swaps in Fireworks

Please Like, Tweet, Share or Comment on this page if you found this tutorial/resource useful!