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>
<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>
<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:
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