menu vertical développable
bonjour,
A l'aide !!!!
Voici un javascript d'un menu que je suis obligé d'utilisé et surtout d'améliorer... ce menu ne retient pas le niveau d'ouverture auquel il était quand on clic sur un de ses liens... il se referme...
De plus les menu de niveau 1 ne font que s'ouvrir. Il n'y a pas la possibilité d'ajouter un lien en même temps...
Je suis vraiment mal par rapport à mes employeurs qui veulent des résultats rapide avec ce menu...
J'avais essayé des xmlhttprequest mais j'ai constaté que cette technique avait d'autres faiblesse (référencement,navigation back...)
Pleaase les grs, aidez moi à faire ce menu.
MErci
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
|
if(!window.Node){
var Node = {ELEMENT_NODE : 1, TEXT_NODE : 3};
}
function checkNode(node, filter){
return (filter == null || node.nodeType == Node[filter] || node.nodeName.toUpperCase() == filter.toUpperCase());
}
function getChildren(node, filter){
var result = new Array();
var children = node.childNodes;
for(var i = 0; i < children.length; i++){
if(checkNode(children[i], filter)) result[result.length] = children[i];
}
return result;
}
function getChildrenByElement(node){
return getChildren(node, "ELEMENT_NODE");
}
function getFirstChild(node, filter){
var child;
var children = node.childNodes;
for(var i = 0; i < children.length; i++){
child = children[i];
if(checkNode(child, filter)) return child;
}
return null;
}
function getFirstChildByText(node){
return getFirstChild(node, "TEXT_NODE");
}
function getNextSibling(node, filter){
for(var sibling = node.nextSibling; sibling != null; sibling = sibling.nextSibling){
if(checkNode(sibling, filter)) return sibling;
}
return null;
}
function getNextSiblingByElement(node){
return getNextSibling(node, "ELEMENT_NODE");
}
var activeMenu = null;
function showMenu(){
if(activeMenu){
activeMenu.className = "";
getNextSiblingByElement(activeMenu).style.display = "none";
}
if(this == activeMenu){
activeMenu = null;
}else{
this.className = "active";
getNextSiblingByElement(this).style.display = "block";
activeMenu = this;
}
return false;
}
function initMenu(){
var menus, menu, text, a, i;
menus = getChildrenByElement(document.getElementById("menu"));
for(i = 0; i < menus.length; i++){
menu = menus[i];
text = getFirstChildByText(menu);
a = document.createElement("a");
menu.replaceChild(a, text);
a.appendChild(text);
a.href = "#";
a.onclick = showMenu;
a.onfocus = function(){this.blur()};
}
}
if(document.createElement) window.onload = initMenu;
function MenuDisplay()
{
document.write('<ul id="menu">');
document.write('<li class="puce_noeud">Présentation');
document.write('<ol>');
document.write('<li class="puce_sous_cat"><a href="http://cpdt.wallonie.be/presentation/objectifs.html">Missions et Objectifs</a></li>');
document.write('<li class="puce_sous_cat"><a href="http://cpdt.wallonie.be/presentation/edito.html">Mot du ministre</a></li>');
document.write('</ol>');
document.write('<div class="separateur"></div>');
document.write('</li>');
document.write('<li class="puce_noeud">Chaire');
document.write('<ol>');
document.write('<li class="puce_sous_cat"><a href="http://cpdt.wallonie.be/construction.html">Recherche doctorale</a></li>');
document.write('<li class="puce_sous_cat"><a href="http://cpdt.wallonie.be/construction.html">Manifestations</a></li>');
document.write('</ol>');
document.write('<div class="separateur"></div>');
document.write('</li>');
document.write('<li class="puce_noeud">Formation');
document.write('<ol>');
document.write('<li class="puce_sous_cat"><a href="http://cpdt.wallonie.be/formation/formation.html">Présentation</a></li>');
document.write('<li class="puce_sous_cat"><a href="http://cpdt.wallonie.be/formation/conseillers.html">Les conseillers en AT</a></li>');
document.write('<li class="puce_sous_cat"><a href="http://cpdt.wallonie.be/formation/programme.html">Programme</a></li>');
document.write('<li class="puce_sous_cat"><a href="http://cpdt.wallonie.be/formation/calendrier.html">Calendrier</a></li>');
document.write('<li class="puce_sous_cat"><a href="http://cpdt.wallonie.be/formation/documents.html">Documents</a></li>');
document.write('<li class="puce_sous_cat"><a href="http://cpdt.wallonie.be/formation/contacts.html">Contacts</a></li>');
document.write('</ol>');
document.write('<div class="separateur"></div>');
document.write('</li>');
document.write('<li class="puce_noeud">Recherches');
document.write('<ol>');
document.write('<li class="puce_sous_cat"><a href="http://cpdt.wallonie.be/construction.html">Finalisées</a></li>');
document.write('<li class="puce_sous_cat"><a href="http://cpdt.wallonie.be/construction.html">En cours</a></li>');
document.write('</ol>');
document.write('<div class="separateur"></div>');
document.write('</li>');
document.write('<li class="puce_noeud">Publications');
document.write('<ol>');
document.write('<li class="puce_sous_cat"><a href="http://cpdt.wallonie.be/publications/tout.html">Vue d\'ensemble</a></li>');
document.write('<li class="puce_sous_cat"><a href="http://cpdt.wallonie.be/publications/lettre.html">Lettre</a></li>');
document.write('<li class="puce_sous_cat"><a href="http://cpdt.wallonie.be/publications/plaquettes.html">Plaquettes</a></li>');
document.write('<li class="puce_sous_cat"><a href="http://cpdt.wallonie.be/publications/etudes&documents.html">Etudes et Documents</a></li>');
document.write('<li class="puce_sous_cat"><a href="http://cpdt.wallonie.be/publications/hors-serie.html">Hors Série</a></li>');
document.write('<li class="puce_sous_cat"><a href="http://cpdt.wallonie.be/publications/depliants.html">Dépliants</a></li>');
document.write('</ol>');
document.write('<div class="separateur"></div>');
document.write('</li>');
document.write('<li class="puce_noeud"><a href="#">Expertise</a>');
document.write('<div class="separateur"></div>');
document.write('</li>');
document.write('<li class="puce_noeud"><a href="#">Observatoire</a>');
document.write('<div class="separateur"></div>');
document.write('</li>');
document.write('<li class="puce_noeud"><a href="http://cpdt.wallonie.be/contacts/contact.html">Contact</a>');
document.write('<div class="separateur"></div>');
document.write('</li>');
document.write('<li class="puce_noeud"><a href="#">Intranet</a>');
document.write('<div class="separateur"></div>');
document.write('</li>');
document.write('</ul>');
} |
