is there an easy way to do a mouseover on a SELECT (listBox)
to get additional informations on its elements ?
thank you
to get additional informations on its elements ?
thank you
<html>
<head>
<script>
function bla(a){
var aa = new Array()
for(i=0;i<a.options.length;i++){
aa[i] = a.options[i].text;
}
document.getElementById('x').value = aa[a.selectedIndex];
}
</script>
</head>
<body>
<select id="select" size="3" multiple onmouseover="bla(this)">
<option selected>one</option>
<option>two</option>
<option>three</option>
</select><br>
show the selected option's text below<br>
<input id ="x" size="10">
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script>
function bla(a,b){
var tx='<br>';
var aa = new Array()
for(i=0;i<a.options.length;i++){
aa[i] = a.options[i].text;
tx = tx+aa[i]+'<br>';
}
document.getElementById('x').innerHTML = 'here you can choose:'+tx;
document.getElementById('x').style.display = b;
}
</script>
</head>
<body>
<select id="select" onmouseover="bla(this,'inline')" onmouseout="bla(this,'none')">
<option>one</option>
<option>two</option>
<option>three</option>
</select><br>
<br>
<div id ="x" style="position:absolute; display:none; background-color: #CCCCCC; layer-background-color: #CCCCCC; border: 1px none #000000; width: 100;"></div>
</body>
</html>
Comment