Un menu ad albero

Pubblicità
N

nicolass

Utente Attivo
Messaggi
142
Reazioni
0
Punteggio
48
Questo codice dovrebbe crearmi un menu ad albero, ma questo listato viualizza la pagina in modo differente a seconda del browser usato, vi allego gli shoot delle visualizzazioni, sia con I.E e FIREFOX e anche opera, chi riesce a condigliarmi dove variare il codice per farlo diventare crossbrowser?
Grazie e ciao

<style type="text/css">
<!--
body {
font: .80em verdana, helvetica, sans-serif;
}
ul {
list-style: disc url();
margin:0;padding:0 2em;
}
li.menu { list-style: square url(cartella.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(cartella2.gif)" : "url(cartella.gif)";
}

window.onload = function() {
var uls = document.getElementsByTagName("ul");
for (i=0;i<uls.length;i++) {
if(uls.className=="submenu")uls.style.display = "none";
}
}
//-->
</script></head><body><p> </p>
<li style="list-style-image: url(cartella2.gif);" class="menu"><a href="java script:mmenu('submenu-1')">Genealogia</a></li>
<li style="list-style-image: url(cartella2.gif);" class="menu"><a href="java script:mmenu('submenu-2')">Piazzamenti</a>
<ul style="display: none;" class="submenu" id="submenu-2">
<li><a href="#">Giudizi</a></li>
</ul>
</li>
<li style="list-style-image: url(cartella2.gif);" class="menu"><a href="java script:mmenu('submenu-3')">Album foto</a></li>
<li style="list-style-image: url(cartella2.gif);" class="menu"><a href="java script:mmenu('submenu-4')">i casperini </a>
<ul style="display: none;" class="submenu" id="submenu-4">
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</li>
<li style="list-style-image: url(cartella2.gif);" class="menu"><a href="java script:mmenu('submenu-5')">Shelley</a>
<ul style="display: none;" class="submenu" id="submenu-5">
<li><a href="#">Genealogia</a></li>
<li><a href="#">Piazzamenti</a></li>
<li><a href="#">Album Foto</a></li>
</ul>
</li>
<li style="list-style-image: url(cartella2.gif);" class="menu"><a href="java script:mmenu('submenu-6')">Vega</a>
<ul style="display: none;" class="submenu" id="submenu-6">
<li><a href="#">Genealogia</a></li>
<li><a href="#">Piazzamenti</a></li>
<li><a href="#">Album Foto</a></li>
</ul>
</li>
<li style="list-style-image: url(cartella2.gif);" class="menu"><a href="java script:mmenu('submenu-7')">Ariel</a>
<ul style="display: none;" class="submenu" id="submenu-7">
<li><a href="#">Genealogia</a></li>
<li><a href="#">Piazzamenti</a></li>
<li><a href="#">Album Foto</a></li>
</ul>
</li>
<li style="list-style-image: url(cartella2.gif);" class="menu"><a href="java script:mmenu('submenu-8')">I Boxer</a>
<ul style="display: none;" class="submenu" id="submenu-8">
<li><a href="#">Genealogia</a></li>
<li><a href="#">Piazzamenti</a></li>
<li><a href="#">Album Foto</a></li>
</ul>
</li>
<li style="list-style-image: url(cartella2.gif);" class="menu"><a href="java script:mmenu('submenu-9')">HB</a>
<ul style="display: none;" class="submenu" id="submenu-9">
<li><a href="#">Genealogia</a></li>
<li><a href="#">Piazzamenti</a></li>
<li><a href="#">Album Foto</a></li>
</ul>
</li>
<li style="list-style-image: url(cartella2.gif);" class="menu"><a href="java script:mmenu('submenu-10')">Alimentazione</a>
<ul style="display: none;" class="submenu" id="submenu-10">
<li><a href="#">Principi Alimentari</a></li>
<li><a href="#">Fasi di vita</a></li>
<li><a href="#">Pet Food</a></li>
<li><a href="#">Antiossidanti</a></li>
<li><a href="#">Caratteristiche</a></li>
<li><a href="#">Le etichette</a></li>
<li><a href="#">Conclusioni</a></li>
</ul>
</li>
<li style="list-style-image: url(cartella2.gif);" class="menu"><a href="java script:mmenu('submenu-11')">addestramento</a>
<ul style="display: none;" class="submenu" id="submenu-11">
<li><a href="#">L'educazione</a></li>
<li><a href="#">I comandi</a></li>
</ul>
</li>
<li style="list-style-image: url(cartella2.gif);" class="menu"><a href="java script:mmenu('submenu-12')">I brevetti</a>
<ul style="display: none;" class="submenu" id="submenu-12">
<li><a href="#">Razze da utilità</a></li>
<li><a href="#">Regolamento</a></li>
<li><a href="#">Avviamento</a></li>
<li><a href="#">Espordienti</a></li>
<li><a href="#">Cal 1-2-3</a></li>
<li><a href="#">Enci 1-2</a></li>
</ul>
</li>
<li style="list-style-image: url(cartella2.gif);" class="menu"><a href="java script:mmenu('submenu-13')">Brevetti IPO</a>
<ul style="display: none;" class="submenu" id="submenu-13">
<li><a href="#">IPO 1</a></li>
<li><a href="#">IPO 2</a></li>
<li><a href="#">IPO 3</a></li>
</ul>
</li>
<li style="list-style-image: url(cartella2.gif);" class="menu"><a href="java script:mmenu('submenu-14')">Brevetti di pista</a>
<ul style="display: none;" class="submenu" id="submenu-14">
<li><a href="#">Brevetti FH</a></li>
</ul>
</li>
<li style="list-style-image: url(cartella2.gif);" class="menu"><a href="java script:mmenu('submenu-15')">Cosine simpatiche</a>
<ul style="display: none;" class="submenu" id="submenu-15">
<li><a href="#">Truci Combattimenti</a></li>
</ul>
</li>

</body>
</html>
 
Pubblicità
Pubblicità
Indietro
Top