Ho trovato questo codice utilissimo e sto cercando di modificarlo, potete aiutarmi?
Vorrei creare sei pulsanti con sei contenuti diversi, e quindi ovviamente più variabili da scrivere in javascript, ma ad un certo punto mi da errore, riuscite ad aiutarmi?
Non conosco bene il linguaggio Java quindi non saprei come fare... Grazie!!!
<html>
<head>
<script type="text/javascript" language="Javascript">
<!--
function mostraMenu(idcliccato) {
if(idcliccato=='menu1') {
var idnoncliccato_1 = 'menu2';
var idnoncliccato_2 = 'menu3';
} else {
if(idcliccato=='menu2'){
var idnoncliccato_1 = 'menu1';
var idnoncliccato_2 = 'menu3';
} else {
var idnoncliccato_1 = 'menu1';
var idnoncliccato_2 = 'menu2';
}
}
var div1 = document.getElementById(idcliccato).style;
var div2 = document.getElementById(idnoncliccato_1).style;
var div3 = document.getElementById(idnoncliccato_2).style;
div1.display = 'block';
div2.display = 'none';
div3.display = 'none';
}
-->
</script>
</head>
<body>
<input type="button" value="menu1" onClick="mostraMenu('menu1');">
<input type="button" value="menu2" onClick="mostraMenu('menu2');">
<input type="button" value="menu3" onClick="mostraMenu('menu3');">
<div id="menu1" style="display:none; width:200px;
background-color:yellow;">
<span>Questo è il primo menu</span>
</div>
<div id="menu2" style="display:none; width:200px; background-color:red;">
<span>Questo è il secondo menu</span>
</div>
<div id="menu3" style="display:none; width:200px;
background-color:green;">
<span>Questo è il terzo menu</span>
</div>
</body>
</html>