Menù ad Albero da modificare
Salve,
sto progettando un semplice menù ad albero, ho provato ad apportare varie modifica ad uno script che ho trovato su Internet, il risultato è questo:
PAGINA
Cioè quello a sinistra, vorrei fare che quando uno arriva nella pagina vede i links chiusi, cioè i due links non si devono vedere, si devono vedere solo i rettangoli.
Questi sono i codici da modificare:
tra <head> e </head>
Codice HTML:
<style type="text/css">
<!--
body {
font: .80em verdana, helvetica, sans-serif;
}
ul {
list-style: disc url(doc.gif);
margin:0;padding:0 2em;
}
li.menu { list-style: square url(../menu/cartellachiusa.gif); }
-->
</style>
<script type="text/javascript">
<!--
function mmenu(mID) {
var menu = document.getElementById(mID);
var display = menu.style.display;
menu.style.display = (display == "block") ? "none" : "block";
menu.parentNode.style.listStyleImage = (display == "block") ? "url(../menu/cartellachiusa.gif)" :
"url(../menu/cartellaaperta.gif)";
}
window.onload = function() {
var uls = document.getElementsByTagName("ul");
for (i=0;i<uls.length;i++) {
if(uls[i].className=="submenu")uls[i].style.display = "none";
}
}
//-->
</script>
nella parte sinistra
Codice HTML:
<a href="javascript:mmenu('submenu-1')"><img src="../menu/button.JPG"></a>
<ul class="submenu" id="submenu-1">
<a href="#">Link</a><br>
<a href="#">Link</a>
</ul>
<a href="javascript:mmenu('submenu-2')"><img src="../menu/button.JPG"></a>
<ul class="submenu" id="submenu-2">
<a href="#">Link</a><br>
<a href="#">Link</a>
</ul>
<a href="javascript:mmenu('submenu-3')"><img src="../menu/button.JPG"></a>
<ul class="submenu" id="submenu-3">
<a href="#">Link</a><br>
<a href="#">Link</a>
</ul>
<a href="javascript:mmenu('submenu-4')"><img src="../menu/button.JPG"></a>
<ul class="submenu" id="submenu-4">
<a href="#">Link</a><br>
<a href="#">Link</a>
</ul>
