Ciao, esiste il modo o uno script per creare un'alberatura del tipo:
Root
|
+-Ramo1
|Ramo2
O simile?
Ciao, esiste il modo o uno script per creare un'alberatura del tipo:
Root
|
+-Ramo1
|Ramo2
O simile?
se cerchi negli esempi javascript del sito html.it ne dovresti trovare almeno uno...
Vuoi aiutare la riforestazione responsabile?
Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)
PROVA CON QUESTO...
<!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" lang="it">
<head>
<title>.ConStile | DHTML | Menu ad albero in JS/CSS: esempio</title>
<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(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(cartellachiusa.gif)" : "url(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>
</head>
<body>
<ul>
<li class="menu">Canale 1
<ul class="submenu" id="submenu-1">
[*]Link
[*]Link
<li class="menu">Sotto menu Canale 1
<ul class="submenu" id="submenu-1-1">
[*]Link s1.1
[*]Link s1.2
[*]Link s1.3
[*]Link s1.4
<li class="menu">Sotto Sotto menu Canale 1
<ul class="submenu" id="submenu-1-1-1">
[*]Link s1.1.1
[*]Link s1.1.2
[*]Link s1.1.3
[*]Link s1.1.4
[/list]
[*]Link s1.5
[/list]
[/list]
<li class="menu">Canale 2
<ul class="submenu" id="submenu-2">
[*]Link
[*]Link
<li class="menu">Sotto menu Canale 2
<ul class="submenu" id="submenu-2-1">
[*]Link s1.1
[*]Link s1.2
[/list]
<li class="menu">Sotto menu Canale 2
<ul class="submenu" id="submenu-2-2">
[*]Link s1.1
[*]Link s1.2
[*]Link s1.3
[/list]
[/list]
<li class="menu">Canale 3
<ul class="submenu" id="submenu-3">
[*]Link
[*]Link
[/list]
[/list]
</body>
</html>
:gren:
Daco