Ingegna
a- a+

Elenchi a discesa

Per molti webmaster c'è l'esigenza di dover usare dei menu di navigazione nei quali, dopo aver effettuato una scelta da un elenco a discesa, è necessario premere il pulsante "Vai" , per raggiungere la pagina desiderata. Nello script che vedrete, il problema è risolto utilizzando un po' di codice JavaScript, che permette di navigare attraverso le pagine del sito utilizzando semplicemente le voci dell'elenco, evitando così l'uso del pulsante "Vai". E' questo un semplice modo per rendere il sito più interattivo e facile da navigare. 

Attenzione!!! Nel caso in cui il browser utilizzato dall'utente del vostro sito non sia abilitato all'esecuzione di JavaScript, il pulsante "Vai" apparirà automaticamente.

Esempio

<html>
<head>
<title>Elenchi a discesa</title>

<script language=javascript type="text/javascript">

<!-- Hide script from older browsers
function saltaPagina(nuovoLuogo) {
nuovaPagina=nuovoLuogo.options[nuovoLuogo.selectedIndex].value

if (nuovaPagina!=""){
window.location.href=nuovaPagina
}
}
//End hiding script -->

</script>

</head>
<body>
<div align=center>

<form action="azione.cgi" method=get>
<select name="nuovoLuogo" onChange="saltaPagina(this.form.nuovoLuogo)">
<option value="" selected>Scegli la sezione
<option value="javascript.html">JavaScript
<option value="java.html">Java
<option value="cpp.html">C++
</select>
<noscript>
<input type=submit value="Vai">
</noscript>
</form>

</div>
</body>
</html>



Ti potrebbe interessare anche

commenta la notizia

Ci sono 1 commenti