Inserting the Jump Menu

You will now need to create a jump menu. The jump menu is a drop down menu that house all the web pages by name. When you select one of the pages, it automatically takes you to that page. The pages you will need to load will be:

Just below the Daily Special JavaScript in the body of your document, copy the following code for a jump menu. Make sure you change the html page code to the name of your html page.

The following code should be put in the head section of your document, just above the </head>

<script language="JavaScript">
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
//-->
</script>

The second JavaScript needs to be placed where you want your actual jump menu to display. You want the jump menu to appear at the top of the home page. Open your home page in your text editor then place the below script just below the beginning body tag:

<form name="form1">
<select name="menu1" onChange="MM_jumpMenu('parent',this,0)">
<option value="home.html">Home</option>
<option value="appetizers.html">Appetizers</option>
<option value="sides.html">Entrees</option>
<option value="breads.html">Beverages</option>
<option value="desserts.html">Desserts</option>
<option value="form.html">Online Form</option>
<option value="contact.html">Online Form</option>
</select>
</form>

 

Be sure that your html pages are titled right. You will also need to change the loading of your page from parent to self so that the web page will load in the documents window.

Create a button for each of your six external pages allowing easy navigation back to the drop-down menu.

You can give the form name and select name any name. Save your work then view it in a browser. The only thing you need to do now it to align it to the center.