Home + Webmaster + Script + Javascript + Menù + Multimenu

Multimenu

Questo javascript consente di creare un menù multiplo, basta scegliere il primo campo nel primo menù e verranno richiamati i campi associati alla selezione.

Demo
Download codice sorgente

<html>
<head>
<script language="JavaScript" type="text/javascript">
uno = new Array();
uno[0]="Primi";
uno[1]="Antipasti";
uno[2]="Secondi";
uno[3]="Contorni";
uno[4]="Dolci";

due = new Array();
due["Primi"] = new Array();
due["Primi"][0] = "Spaghetti al pomodoro";
due["Primi"][1] = "Risotto verde";
due["Primi"][2] = "Penne all'arrabiata";

due["Antipasti"] = new Array();
due["Antipasti"][0] = "Prosciutto e mozzarella";
due["Antipasti"][1] = "Insalata di mare";
due["Antipasti"][2] = "Alici marinate";
due["Antipasti"][3] = "Salmone marinato";
due["Antipasti"][4] = "Bresaola e rucola";

due["Secondi"] = new Array();
due["Secondi"][0] = "Bistecca";
due["Secondi"][1] = "Filetto";
due["Secondi"][2] = "Sogliola";
due["Secondi"][3] = "Orata";

due["Contorni"] = new Array();
due["Contorni"][0] = "Peperoni";
due["Contorni"][1] = "Zucchine";

due["Dolci"] = new Array();
due["Dolci"][0] = "Pastiera";
due["Dolci"][1] = "Baba'";
due["Dolci"][2] = "Zuppa inglese";
due["Dolci"][3] = "Profitteroles";

for (var i = 0; i < countdue; i++) {
      		dueName = due[unoName][i];
			newOption = new Option(dueName, dueName, false, false);
      		objForm.selectdue.options[i+1] = newOption;
		}
		objForm.selectdue.options.selectedIndex = 0;
	} else {
    var menuedue_text = " ";
    var new0ption = new Option(menuedue_text, -1, false, true);
    objForm.selectdue.options[0] = new0ption;
  }
}

function menue_update( objElement ){
  if (ob??ljElement.options[objElement.selectedIndex].value!= -1)
  menu2 = objElement.options[objElement.selectedIndex].value;
}
var menu1; var menu2;
</script>
</head>

<body>

<form name="menue">
<select name="selectuno" onchange="menue_due(this.form, this.options[this.selectedIndex].value);" style="width: 250px;">
<script language="JavaScript" type="text/javascript">
  document.write("<option>Scegli il menu</option>");
  for (var i=0; i < uno.length; i++)	{
  	document.write("<option value=\""+uno[i]+"\">"+uno[i]+"</option>");
  }
</script>
</select>
<br>
<select name="selectdue" onchange="menue_update(this)" style="width: 250px;">
  <option value="-1"> </option>
  <option value="-1"></option>
  <option value="-1"></option>
  <option value="-1"></option>
  <option value="-1"></option>
  <option value="-1"></option>
</select>
<br><br>
<input type="button" onclick="alert('Scelto: '+menu2+' ('+menu1+')');" value="Scelto!">
</form>

</body>
</html>

Compatibilità: MsIE | Netscape

Javascript

Altre risorse:
Libri Javascript | Manuale Javascript

Hosting economico Aruba Approfitta delle offerte e scegli il tuo hosting Linux o Windows a partire da 20,66 € all'anno.

Webmaster Avanzato Percorso completo volto a formare dei professionisti del Web. Come si lavora in uno Staff?

Fai fruttare il tuo sito! Diventa oggi stesso un affiliato Trade Doubler e guadagna qualche soldino con il tuo sito web.