Problème arborescence Menu HTML
Bonjour à toutes et à tous bonne année Meilleurs Voeux pour cette année 2011
je veux construire un menu HTML avec une arborescence.
ca marche , mais à l'execution de la page HTML, tous mes noeuds sont affichés, moi je veux affichier que l'élément parent.
voici le code :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
| <HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE> menu en arborescence</TITLE><LINK
<META name=GENERATOR content="MSHTML 8.00.7600.16671"></HEAD>
<BODY>
<SCRIPT type=text/javascript>
function expand(n)
{
var node = n;
while ( node.nodeName != "UL" )
node = node.nextSibling;
if ( node.style.display == 'block' ) {
node.style.display = 'none';
n.src = "C:/Users/Abdelheq/Desktop/test tree_fichiers/plus.gif";
} else {
node.style.display = 'block';
n.src = "C:/Users/Abdelheq/Desktop/test tree_fichiers/minus.gif";
}
}
</SCRIPT>
<UL class=menu>
<A><IMG onclick=expand(this) style="cursor:hand;" src="C:/Users/Abdelheq/Desktop/test tree_fichiers/minus.gif"> Menu
<UL>
<TD>
<DIV class=disc></DIV>
</TD>
<STYLE>
display:none
</STYLE>
<A><IMG onclick=expand(this) style="cursor:hand;" src="C:/Users/Abdelheq/Desktop/test tree_fichiers/minus.gif"> Développement
<UL>
<TD>
<DIV class=disc></DIV>
</TD>
<A><IMG onclick=expand(this) style="cursor:hand;" src="C:/Users/Abdelheq/Desktop/test tree_fichiers/minus.gif"> Dictionnaire de donnée
<UL>
<a><input type="checkbox" value="Choix 2"> Type de donnée</a>
<TD>
<DIV class=disc></DIV>
</TD>
<a> <input type="checkbox" value="Choix 3"> Table</a>
<TD>
<DIV class=disc></DIV>
</TD>
<a> <input type="checkbox" value="Choix 3"> Vue</a>
<TD>
<DIV class=disc></DIV>
</TD>
<a> <input type="checkbox" value="Choix 3"> Model de données</a><TD>
<DIV class=disc></DIV>
</TD>
<a> <input type="checkbox" value="Choix 3"> Définition table diverses</a><TD>
<DIV class=disc></DIV>
</TD>
<a> <input type="checkbox" value="Choix 3"> Table diverse</a>
<TD>
<DIV class=disc></DIV>
</TD>
<a> <input type="checkbox" value="Choix 3"> Messages</a><TD>
<DIV class=disc></DIV>
</TD>
<a> <input type="checkbox" value="Choix 3"> Mots-clés d'aide</a>
<TD>
<DIV class=disc></DIV>
</TD>
<a> <input type="checkbox" value="Choix 3"> Définition paramètres</a><TD>
<DIV class=disc></DIV>
</TD>
<a> <input type="checkbox" value="Choix 3"> Historisation / Epuration</a>
<TD>
<DIV class=disc></DIV>
</TD>
<a> <input type="checkbox" value="Choix 3"> Variable Globales</a><TD>
<DIV class=disc></DIV>
</TD>
<a> <input type="checkbox" value="Choix 3"> Contexte Assistant de formules</a>
<TD>
<DIV class=disc></DIV>
</TD>
<a> <input type="checkbox" value="Choix 3"> Codes activité</a>
<TD>
<DIV class=disc></DIV>
</TD>
<a> <input type="checkbox" value="Choix 3"> Elément de dimensionnement</a>
<TD>
<DIV class=disc></DIV>
</TD>
<a> <input type="checkbox" value="Choix 3"> Formules de dimensionnement</a>
<UL>
<TD>
<DIV class=disc></DIV>
</TD>
</UL>
</LI>
</a>
</A>
<TD>
<DIV class=disc></DIV>
</TD>
<A><IMG onclick=expand(this) style="cursor:hand;" src="C:/Users/Abdelheq/Desktop/test tree_fichiers/minus.gif"> Documentation
<UL>
<TD>
<DIV class=disc></DIV>
</TD>
<A><IMG onclick=expand(this) style="cursor:hand;" src="C:/Users/Abdelheq/Desktop/test tree_fichiers/minus.gif"> Article
<UL>
<a><input type="checkbox" value="Choix 2"> Article-Site</a>
<TD>
<DIV class=disc></DIV>
</TD>
<a> <input type="checkbox" value="Choix 3"> Saisie tarif</a>
</UL>
</LI>
</a>
</A>
</UL>
<TABLE>
<TBODY>
<TR>
<TD>
<DIV class=disc>
</DIV></TD>
<TD>
<DIV class=disc>
</DIV></TD></TR></TBODY></TABLE>
</TR>
</TBODY>
</TABLE></TD></TR>
</TBODY></TABLE></DIV>
</BODY>
</HTML> |
