Developer

How do I... Create a customized JavaScript jump menu in Dreamweaver CS3?

By John Lee

Creating a new HTML document in Dreamweaver CS3

This gallery is also available as a TechRepublic blog post and download.

If you are in charge of maintaining a Web site, one of your recurring tasks is likely accommodating a committee of supervisors or clients that want to add links to the site on a continuing basis. This can often lead to a cluttered navigation interface, if it doesn't destroy your layout altogether.

Fortunately, Adobe Dreamweaver CS3 has many tools that can provide quick and easy solutions to problems like these. One of the more practical solutions to an ever-expanding list of navigation links is a JavaScript "jump" menu, which is a pull-down form menu that automatically directs the user's browser to another Web page as soon as they select an option from the menu. And the best part is that no knowledge of advanced scripting techniques is required to implement it. You can even use some simple CSS code to give your Jump menu a distinct look.

If you don't own a copy of Dreamweaver CS3, you can download a fully functioning 30-day trial.

Let's begin by opening Dreamweaver and creating a new HTML document by selecting the New option from the File menu. In the Dialog box that appears, Select HTML in the Page type column. Ignore the other options in the box, and click the "Create" button.

About

Mark W. Kaelin has been writing and editing stories about the IT industry, gadgets, finance, accounting, and tech-life for more than 25 years. Most recently, he has been a regular contributor to BreakingModern.com, aNewDomain.net, and TechRepublic.