	free hosting image hosting hosting reseller online album e-shop famous people

Dropdown Menu
With Status Line Description

This script from Website Abstraction uses the standard dropdown menu, with the addition of a status line description for each menu item.

Paste all the code below in the body of your page:

<form name="combowithtext"> <select name="example" size="1" onChange="showtext()"> <option value="http://www.google.com">Google</option> <option value="http://www.musicrobot.com">MIDI Explorer</option> <option value="http://www.mp3.com">MP3.com</option> </select> <input type="button" value="Go!" onClick="gothere()"> <script language="javascript">  </script> </form>

The above script will open all links in the same window.

To open them in a new window, replace the gothere() section with:

function gothere() { var where=shortcut.example.options[shortcut.example.selectedIndex].value newwin=window.open(where) }

How It Works

For a full explanation of how dropdown menus work, see Dropdown Menu

This script uses the same techniques, with the addition of the status line description.

Each description is included in an array, descriptions[x], where x is the index of the menu item.

In the example here, if the first item is selected - Google - its index is 0.

This corresponds to the description "Excellent search engine".

The function showtext displays this description on the status line, using the command:

window.status=descriptions[shortcut.example.selectedIndex]

where

[shortcut.example.selectedIndex] is the index of the item clicked

If you wish to include more links, simply add extra options at the top of the form.

Then add the corresponding status line comments in the descriptions array.

Try It Out

Click on a menu item to see the status line description.

Then click the Go! button to go to the site.

Dropdown Menu With Status Line Description

How It Works

Try It Out

Dropdown Menu
With Status Line Description