Pages

Sunday, October 31, 2010

Drop-Down Menu

A drop down menu is great when you don't have much room for your navigation. There are two types: with a button to activate the link, or an automatic jump with no button at all. First, with a button:
 
Copy the following code into your HTML document wherever you want the drop-down menu to appear. Change "page.html" to the location of the page you want to link to, and "link 1,2,3" to the text you'd like to appear. You can add as many links, or "options," as you'd like.
______________________________________________________________________
<form name="jump">
<select name="menu">
<option value="page.html">link 1</option>
<option value="page.html">link 2</option>
<option value="page.html">link 3</option>
</select>
<input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="go">
</form>
______________________________________________________________________
 A drop-down menu without a "go" button is only slightly different; as soon as you select an option it will jump automatically to that page. Here's the code, customize it the same way:
______________________________________________________________________
 <form name="jump">
<select name="menu" onChange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
<option value="page.html">link 1</option>
<option value="page.html">link 2</option>
<option value="page.html">link 3</option>
</select>
</form>
______________________________________________________________________ 

1 Comments:

Anonymous said...

It's wonderful that you are getting thoughts from this paragraph as well as from our discussion made here.

Look at my page ... näsplastik

Post a Comment