Lots of info to display

[GTatler]

I seem to recall seeing a scrip that would allow more information to drop down when a link is clicked

I need a one line link which will then expand the text to show all of the information relating to that topic.

Anyone any ideas ?

[sciguyryan]

ihave a dropdown menu that does that... if you wanted i'll put it up here....

[GTatler]

yes please

[Fang]

Something like this (http://forums.webdeveloper.com/showthread.php?s=&threadid=16983)

[sciguyryan]

hi,


<style>
<!--
SPAN.descriptions{
font-weight: bold;
font-size: 8pt;
font-family: Arial;
font-color: #009900;
}
//-->
</style>


and the actual code is:


<form name="a294" >
<select name="a969" size="1" style="background-color:#FFFFFF" onChange="displaydesc(document.a294.a969.selectedIndex)">
<option selected value="some link here" target="newwin">some text here</option>
<option value="some link here" target="newwin">some text here</option>
<option value="some link here" target="newwin">some text here</option>
<option value="some link here" target="newwin">some text here</option>
</select>
<input type="button" value="Go"
onClick="jumptolink(document.a294.a969.selectedIndex)"><br>
<p>
<span id="descriptions" align="left" style="color: #009900; font-weight: bold;">
</span>
</form>
<script>
<!--//CUSTOMIZE TEXT DESCRIPTIONS FOR LINKS ABOVE
var textdisplay=new Array()
textdisplay[0]="some text here"
textdisplay[1]="some text here"
textdisplay[2]="some text here"
textdisplay[3]="some text here"
function jumptolink(what){
var selectedopt=document.a294.a969.options[what]
if (document.getElementById && selectedopt.getAttribute("target")=="newwin")
window.open(selectedopt.value)
else
window.location=selectedopt.value
}
var timerID=null;
function displaydesc(which){
if (document.all)
descriptions.innerHTML=textdisplay[which]
else if (document.getElementById)
document.getElementById("descriptions").innerHTML=textdisplay[which]
clearTimeout(timerID);
timerID=setTimeout('document.getElementById("descriptions").innerHTML="";',5000);
}
displaydesc(document.a294.a969.selectedIndex)
document.a294.a969.options[0].selected=true
//-->
</script>



hope the at helped.