Jump Menus in Dreamweaver

Jump Menus in Dreamweaver

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.

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.

Was this article helpful?

Related Articles

Leave A Comment?