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. Learn how to create jump menus in Macromedia Dreamweaver 4.0. Code is also included.

Sample: Dreamweaver Tips Ready-made Templates Website Promotion Guide

Javascript Code: Cut 'n' Paste Code

<script language="JavaScript"> <!-- function MM_jumpMenu(targ,selObj,restore){ //v3.0 eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'"); if (restore) selObj.selectedIndex=0; } //--> </script>

HTML Code: Cut 'n' Paste Code

<select name="select" onChange="MM_jumpMenu('parent',this,1)"> <option value="dreamweaver_tips.asp" selected>Dreamweaver Tips</option> <option value="/Fireworks/default.asp">Fireworks Tutorials</option> <option value="/Flash/default.asp">Flash Tutorials</option> <option value="/website_design/default.asp">Web Design Tutorials</option> </select>

The above code is taken from Macromedia Dreamweaver 4.0

Learn how to create a jump menu in Dreamweaver

1. First you have to create a List/Menu in a form. Click on Insert/Form and then click on Insert/List Menu.
2. Open the behaviors panel by clicking on Windows/Behaviors.
3. Select the list menu and Click on the '+' symbol in the behaviors panel.
4. Click on 'Jump Menu'
5. In the 'jump Menu' pop-up-window enter the text and the URL for your links. To add a new link click on the '+' and to delete a link click on the '-'
6. Click on OK.

Click here for more Dreamweaver Behaviors!

Social Bookmarking