Jump Menus with a Go Button

If you use a Dreamweaver Jump Menu as it ships out of the box, your menu will not be accessible to people who use keyboard access. Assistive technologies do not generally recognize the onChange event.

If you add a Go button to your Jump Menu, however, you will create an onClick event that will be accessible to everyone. Here's how to do it.

1. Select the Forms category of your Objects Panel.
2. Click the Jump Menu icon to insert the menu.
3. Fill in your menu items in the dialog box. You may wish to enter a prompt message first, such as “Choose a program.” For the dummy link type "javascript:;" (without the quotes) This works better than the # sign.
If you browse for the file names first, Dreamweaver will fill in the menu text based on the file name.
4. Name your jump menu and select a target.
5. Select the checkbox for inserting a “Go” button.
6. Turn off the “Select First Item” checkbox.
7. Click OK to accept the jump menu on the page.
8. Select the jump menu object and open the page in code view. Delete all the onChange event text.
9. We can also add some code to allow the pages to open in new browser windows.
10. Select the “Go” button. Delete the “parent” paremeter and replace it with ‘window.open()’
That’s it! By removing the onChange even and replacing it with an onClick go button, our jump menu is accessible to everyone with a JavaScript capable browser.