Navigation

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 the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.