Ciao a tutti !!
Ho fatto un menu ad albero kosì:
<style type="text/css">
ul {
list-style: disc url(kakhi_down.gif);
margin:0;padding:0 2em;
}
li.menu { list-style: square url(kakhi_update.gif); }
</style>
poi
<script language="JavaScript">
/* gestione del menu */
function mmenu(ID) {
var menu = document.getElementById(ID);
var display = menu.style.display;
menu.style.display = (display == "block") ? "none" : "block";
menu.parentNode.style.listStyleImage = (display == "block") ? "url(kakhi_update.gif)" : "url(kakhi_update.gif)";
}
/* inizializzazione del menu */
window.onload = function() {
var uls = document.getElementsByTagName("ul");
for (i=0;i<uls.length;i++) {
if(uls[i].getAttribute("class")=="submenu")uls[i].style.display = "none";
if(uls[i].getAttribute("id") && uls[i].getAttribute("id").search("submenu-")!= -1) uls[i].style.display = "none";
}
}
</script>
e infine
<ul>
<li class="menu">Main
<ul class="submenu" id="submenu-1">[*]Home[*]Disclaimer[/list]
<li class="menu">Roms
<ul class="submenu" id="submenu-2">[*]GB[*]GBC[*]GBA[*]N64[/list]
<li class="menu">Emulatori
<ul class="submenu" id="submenu-3">[*]GBC/A[*]N64[/list]
<li class="menu">Midi
<ul class="submenu" id="submenu-4">[*]Giochi[*]TV[*]Films[/list]
<li class="menu">Video
<ul class="submenu" id="submenu-5">[*]Episodi[*]Episodi AG[*]Films[*]PokèVideoClip[/list]
<li class="menu">MP3
<ul class="submenu" id="submenu-6">[*]TV[*]Films[*]CD[/list]
<li class="menu">Sfondi
<ul class="submenu" id="submenu-7">[*]800x600[*]1024x768[/list]
[/list]
</p>
Il menu funziona alla perfezione, ma io vorrei implementarlo con la chiusura automatica di un SubMenu quando se ne apre un altro..come faccio ?
Grazie anticipatamente a tutti !!
Rispondi quotando
