We'll start by adding a little dropdown menu to the Shelley home page. This menu will allow the user to go directly to several different sections of the Web site, instead of having to click through the normal navigation. We'll call this the Navigation Shortcut menu. The home page looks like Figure 5-1.

Figure 5-1. The Navigation Shortcut menu

The user gets to choose an option, click the “go” button, and be transported immediately to that page. It isn't too difficult—you'll get it pretty quickly. Let's start looking at the code to make this work.

First, we have to create the HTML for this form, and Example 5-1 shows us how. We're placing ...

Get Advanced JavaScript™: Insights and Innovative Techniques now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.