Torna al Thread
<html>
<head>
<title>Menu con javaScript</title>
<style> a:visited{color:black;font-family:verdana}
a:link{color:black;font-family:verdana}
a:hover{color:blue;font-family:verdana}
p {color:black;font-family:verdana;font-size:12pt}
h1 {color:black;font-family:verdana;font-size:13pt}
</style>
<script>
function startmenu()
{
document.getElementById('menu1').style.display = "none";
document.getElementById('menu2').style.display = "none";
document.getElementById('menu3').style.display = "none";
document.getElementById('menu4').style.display = "none";
document.getElementById('princ1').style.display = "block";
document.getElementById('princ2').style.display = "block";
document.getElementById('princ3').style.display = "block";
document.getElementById('princ4').style.display = "block";
document.getElementById('indietro').style.display = "none";
}
function menufunc(menuId, princId)
{
for(i = 0; i < document.all.length; i++){
if (document.all[i].tagName == "DIV")
{
// intestazioni (princN)
if (document.all[i].id == princId)
{
document.getElementById(princId).style.display = "block";
document.getElementById(menuId).style.display = "block";
} else
{
if (document.all[i].id != menuId)
{
document.getElementById(document.all[i].id).style.display= "none";
}
}
//------------------------------------------------------------------------------
}
}
document.getElementById('indietro').style.display = "block";
}
</script>
</head>
<body onLoad="javascript:startmenu()">
<div id="princ1">
<a href="javaScript:menufunc('menu1','princ1')">Menu 1</a>
</div>
<div id="menu1"> -
<a href='#'>voce 1 di menu 1</a><br /> -
<a href='#'>voce 2 di menu 1</a><br /> -
<a href='#'>voce 3 di menu 1</a><br />
</div>
<div id="princ2">
<a href="javaScript:menufunc('menu2','princ2')">Menu 2</a>
</div>
<div id="menu2"> -
<a href='#'>voce 1 di menu 2</a><br /> -
<a href='#'>voce 2 di menu 2</a><br /> -
<a href='#'>voce 3 di menu 2</a><br />
</div>
<div id="princ3">
<a href="javaScript:menufunc('menu3','princ3')">Menu 3</a>
</div>
<div id="menu3"> -
<a href='#'>voce 1 di menu 3</a><br /> -
<a href='#'>voce 2 di menu 3</a><br /> -
<a href='#'>voce 3 di menu 3</a><br />
</div>
<div id="princ4">
<a href="javaScript:menufunc('menu4','princ4')">Menu 4</a>
</div>
<div id="menu4"> -
<a href='#'>voce 1 di menu 4 </a><br /> -
<a href='#'>voce 2 di menu 4 </a><br /> -
<a href='#'>voce 3 di menu 4 </a><br />
</div>
<div id="indietro">
<br />
<a href="javascript:startmenu()">< Indietro</a>
</div>
</body>
</html>