Per l'oggetto <select> c'è l'attributo size="n" con il quale si può scegliere il numero delle righe visibili; se le righe sono più di n compare il cursore della barra verticale che permette di renderle visibili.
Nell'esercizio che riporto la larghezza dell'oggetto select cambia con la lunghezza delle righe inserite o cancellate. Vorrei che la larghezza restasse costante e che eventualmente comparisse, all'occorrenza, un cursore di barra orizzontale analogo a quello della barra verticale.
Desidererei sapere se c'è anche un attributo che permetta di fissare la larghezza del tag select, o in pixel, o in numero di colonne. Grazie
lanvoel
codice:
<HTML>
<HEAD>
<SCRIPT TYPE="text/javascript">
function p()
{
var posiz=document.modulo.menu.selectedIndex;
alert("stai per eliminare: "+document.modulo.menu.options[posiz].text);
}
function togli()
{
if(document.modulo.menu.length>0)
document.modulo.menu.options.remove(document.modulo.menu.selectedIndex);
}
function aggiungi()
{
n=prompt("inserisci una nuova riga ","riga");
var nuova_opzione=new Option(n);
document.modulo.menu.options.add(nuova_opzione,document.modulo.menu.length);
}
</SCRIPT>
</HEAD>
<BODY bgcolor="beige">
<center>
<FORM NAME="modulo">
<fieldset name="fieldset1" style="background-color:'yellow'; width:300px; height:300px; text-align:center">
<legend>vedi, togli, aggiungi righe</legend>
<br>
<SELECT size="10" NAME="menu" onchange="p()" STYLE="background-color:'aqua';color:'navy'">
<OPTION SELECTED>Scegli una riga :</OPTION>
<OPTION>riga1</OPTION>
<OPTION>riga2</OPTION>
<OPTION>riga3</OPTION>
</SELECT>
<BR><br><br>
<INPUT TYPE="button" VALUE="cancella" onclick="togli()">
<br><br>
<INPUT TYPE="button" value="aggiungi" onclick="aggiungi()">
</fieldset>
</FORM>
</center>
</BODY>
</HTML>