Menù a selezione

Postato il: 5 aprile 2009 | Nella categoria: JavaScript » Script

Per avere un menù a tendina selezionabile, inserisci il seguente script all’interno dei tag head:

<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>

Ed il form all’interno dei tag body:

<form action="azione.cgi" method=get>
<select name="nuovoLuogo" onChange="saltaPagina(this.form.nuovoLuogo)">
<option value="" selected>Scegli la sezione
<option value="http://www.senzaweb.it"> Home page
<option value="http://www.senzaweb.it/guida-wordpress"> Guida Wordpress
<option value="http://www.senzaweb.it/contact-me"> Pagina dei contatti
</select>
<noscript>
<input type=submit value="Vai"></noscript>
</form>

Per avere più voci all’interno del menù, inserire prima della chiusura del tag select:

<option value="http://www.senzaweb.it"> Titolo pagina

Articoli simili:

Sono stati inviati 0 commenti - Invia un commento

Lascia un commento