Ciao a tutti, sto provando a riprendere in mano la programmazione ma le cose cambiano in fretta e sti giochetti io normalmente li facevo in asp.
Diciamo che dopo 4/5 anni di inerzia, non ricordo più una cippa lippa.
Cmq, al topic, ho un menù che funziona a metà
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script type="text/javascript" language="Javascript">
function mostraMenu(idcliccato) {
if(idcliccato=='menu1') {var idnoncliccato_1 = 'menu2';var idnoncliccato_2 = 'menu3';var idnoncliccato_3 = 'menu4';var idnoncliccato_4 = 'menu5';} else {if(idcliccato=='menu2'){var idnoncliccato_1 = 'menu1';var idnoncliccato_2 = 'menu3';var idnoncliccato_3 = 'menu4';var idnoncliccato_4 = 'menu5';} else {if(idcliccato=='menu3'){var idnoncliccato_1 = 'menu1';var idnoncliccato_2 = 'menu2';var idnoncliccato_3 = 'menu4';var idnoncliccato_4 = 'menu5';} else {if(idcliccato=='menu4'){var idnoncliccato_1 = 'menu1';var idnoncliccato_2 = 'menu2';var idnoncliccato_3 = 'menu3';var idnoncliccato_4 = 'menu5';if(idcliccato=='menu5'){} else {var idnoncliccato_1 = 'menu1';var idnoncliccato_2 = 'menu2';var idnoncliccato_3 = 'menu3';var idnoncliccato_4 = 'menu4';}}}}}
var div1 = document.getElementById(idcliccato).style;var div2 = document.getElementById(idnoncliccato_1).style;var div3 = document.getElementById(idnoncliccato_2).style;var div4 = document.getElementById(idnoncliccato_3).style;var div5 = document.getElementById(idnoncliccato_4).style;
div1.display = 'block';div2.display = 'none';div3.display = 'none';div4.display = 'none';div5.display = 'none';}</script><title>Untitled Document</title></head><style type="text/css">ul#menu { font-family: Verdana, sans-serif; font-size: 12px; margin: 0; padding: 0; list-style: none;}ul#menu li { background-color: #FF831C; border-left: 5px solid #54BAE2; display: block; width: 150px; height: 30px; margin: 2px 0;}ul#menu li a { color: #fff; display: block; font-weight: bold; line-height: 30px; padding-left: 15px; text-decoration: none; width: 135px; /* 150px - 15px (padding) */ height: 30px;}
ul#menu li.active, ul#menu li:hover { background-color: #54BAE2; border-left: 5px solid #FF831C;}</style><body><ul id="menu"> <li><input type="button" value="menu1" onClick="mostraMenu('menu1');"></li> <li><input type="button" value="menu2" onClick="mostraMenu('menu2');"></li> <li><input type="button" value="menu3" onClick="mostraMenu('menu3');"></li> <li><input type="button" value="menu4" onClick="mostraMenu('menu4');"></li> <li><input type="button" value="menu5" onClick="mostraMenu('menu5');"></li></ul><div id="menu1" style="display:none; width:200px; background-color:yellow;"><span>menu1</span></div><div id="menu2" style="display:none; width:200px; background-color:red;"><span>menu2</span></div><div id="menu3" style="display:none; width:200px; background-color:green;"><span>menu3</span></div><div id="menu4" style="display:none; width:200px; background-color:black;"><span>Questo è il 4 menu</span></div><div id="menu5" style="display:none; width:200px; background-color:white;"><span>Questo è il 5 menu</span></div>
</body></html>
Mi sono impallato su menù 4 e 5 che non vanno a display. Inoltre avete idea di come faccio a partire con il Menù1 a Display?
Grazie in anticipo per il tempo che mi si regala
Rispondi quotando