Javascript: Crea il tuo Jumpmenu

2 lug 2009

Il Jumpmenu è un menu a scelta rapida, molto utile perché consente una navigazione più veloce all’interno del sito. Di solito è utilizzato attraverso l’utilizzo del tag Ecco un esempio commentato:

 
function JumpMenu(links) {
//Crea un link all'indice della select selezionato
location.href = links[links.selectedIndex].value;
}
 
//Crea la tabella di dati contenente le voci delle possibili opzioni
var voci = new Array();
voci[0] = "Pagina 1";
voci[1] = "Pagina 2";
voci[2] = "Pagina 3";
voci[3] = "Pagina 4";
voci[4] = "Pagina 5";
//Crea la tabella di dati contenente i link alle rispettive voci delle opzioni
 
var link = new Array();
link[0] = "pagina1.htm";
link[1] = "pagina2.htm";
link[2] = "pagina3.htm";
link[3] = "pagina4.htm";
link[4] = "pagina5.htm";
 
//Crea la struttura Html della select, all'evento onChange lancia la funzione
document.write("");
document.write("Jump to...");
 
//Esegue un ciclo ed estende tutte le voci del menu con i relativi valori
for(i=0; i<5; i++) {
document.write("" + voci[i] + "");
}
 
document.write("");

Articoli simili

Lascia un Commento