|
|
Java menu script>Menu Make>Drop down menu w/ description
|
|
Description: This is your straightforward drop down menu, except in IE4+ and
NS6+, a description of each selection is displayed beneath it. Very nice addition to a
popular application wouldn't you say? |
<form name="a294" >
<select name="a969" size="1"
style="background-color:#FFFFD7"
onChange="displaydesc(document.a294.a969.selectedIndex)">
<option selected value="http://wsabstract.com">Website Abstraction
</option>
<option value="http://freewarejava.com">Freewarejava.com</option>
<option value="http://wired.com">Wired News</option>
<option value="http://freewarejava.com/cgi-bin/Ultimate.cgi">WA Help
Forum</option>
<option value="http://www.msnbc.com">MSNBC</option>
</select>
<input type="button" value="Go"
onClick="location=document.a294.a969.options[document.a294.a969.selectedIndex].value"><br>
<span id="descriptions" align="left" style="font:italic 13px
Arial">
</span>
</form>
<script>
//Drop down menu w/ description- ?Dynamic Drive (www.dynamicdrive.com)
//For full source code, 100's more DHTML scripts, and TOS,
//visit http://www.dynamicdrive.com
//CUSTOMIZE TEXT DESCRIPTIONS FOR LINKS ABOVE
var textdisplay=new Array()
textdisplay[0]="Comprehensive JavaScript tutorials and over 400+ free scripts"
textdisplay[1]="Direct link to hundreds of free Java applets online!"
textdisplay[2]="Up to date news on the technology front"
textdisplay[3]="Interact with other webmasters on JavaScript, DHTML, and more."
textdisplay[4]="National and international news"
function displaydesc(which){
if (document.all)
descriptions.innerHTML=textdisplay[which]
else if (document.getElementById)
document.getElementById("descriptions").innerHTML=textdisplay[which]
}
displaydesc(document.a294.a969.selectedIndex)
document.a294.a969.options[0].selected=true
</script> |
| Change the links inside the
OPTION tags to your own, plus their corresponding descriptions inside script
You can also customize the menu's colors and
font style. Modify the two STYLE attributes inside code for this. |
|
|
|