• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL

Lesson 13. Creating Forms > Creating Jump Menus

Creating Jump Menus

A jump menu is a drop-down menu that contains links to other pages in your site or to other Web sites. Like regular links, the jump menu can link to any type of file, including graphics or PDF files. The jump menu provides an easy-to-use interface for linking to pages in your site, if you don't make the list too long. A jump menu is embedded in a form and looks like a menu list in the browser.

In the myform.htm document, place the insertion point at the top of the page, on a blank line between the banner and the text “Enter our drawing for a free adventure trip.” Choose Insert > Form Object > Jump Menu.


You can also click the Insert Jump Menu icon from the Forms category in the Objects panel.

The Jump Menu dialog box opens. By default, there is one item listed in the menu, unnamed1. Dreamweaver assigns generic names automatically in a numeric order: unnamed1, unnamed2, etc.

In the Text text box of the Jump Menu dialog box, type Pick One. Leave the When Selected, Go To URL text box blank.

The first item in the menu list will appear in the first line of the menu. Since the user will see this initially in the menu list, the first line should be a short description of the list or a short instruction to let the user know that this is a jump menu.

In the Options area, choose Select First Item After URL Change.

This forces the menu list to display the first menu item in the list when the user returns to this page; otherwise, the list displays the most recent option chosen.

Click the plus (+) button to add a new menu item. Type About in the Text field, press Tab, and type about.htm in the When Selected, Go To URL text box. Repeat this step, entering Gear, gear.htm and Logs, logs.htm. Click OK when you are done.

When these items are selected in the browser window, they will link to their appropriate pages. A link will be activated when the user selects the corresponding item.


If you want to add a Go button to your list, select the Insert Go Button After Menu checkbox. In most cases, you won't need a Go button, because choosing an item from the jump menu normally takes you to the appropriate URL. If you are using the jump menu within frames and jumping to a page that contains links, you will want to add a Go button. If the user wants to return to the first page by using the jump menu, the jump won't occur without the Go button.

Save the file and preview it in the browser.

After you create the jump menu, you can make changes by using the property inspector or the Behaviors panel. The property inspector gives you limited editing capability; you can change the text the user sees and change the order in which the text appears in the list. For complete editing control, double-click the Jump Menu action on the Behaviors panel.

Leave this file open for the next exercise.



Not a subscriber?

Start A Free Trial

  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint