Menu déroulant qui reste deroulé sur la rubrique [Fait]

**nhynhy** · 06/02/2009, 17h16

Bonjour j'ai une autre question pour mon menu javascript :
J'aimerais qu'a certaine page mon menu reste ouvert sur la rubrique en question :
ex: quand je clique sur "OIGNON, GAMME GROSSISTE" je voudrais que la liste "oignon" du menu reste ouvert. Mais je ne veux pas de frame

voir mon menu

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<script type="text/javascript">
/*
Created by: Travis Beckham :: http://www.squidfingers.com | http://www.podlob.com
version date: 06/02/03 :: If want to use this code, feel free to do so,
but please leave this message intact. (Travis Beckham) 
*/
// Node Functions
 
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");
}
 
// Menu Functions & Properties
 
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;
</script>

Very merci

**le_chomeur** · 06/02/2009, 19h36

passe par un cookies ou par l'url

**nhynhy** · 09/02/2009, 11h15

Bonjour j'ai une autre question pour mon menu javascript :
J'aimerais qu'a certaine page mon menu reste ouvert sur la rubrique en question :

ex: quand je clique sur "OIGNON, GAMME GROSSISTE" je voudrais que la liste "oignon" du menu reste ouvert. Mais je ne veux pas de frame

voir mon menu

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<script type="text/javascript">
 
 
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, filter)) result[result.length] = children;
}
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;
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");
}
 
// Menu Functions & Properties
 
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;
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;
</script>

merci [biggrin]

**nhynhy** · 09/02/2009, 11h42

Merci oui je veux bien..mais on fait ?
merci

**le_chomeur** · 09/02/2009, 11h51

je te renvois sur cette rubrique :

http://javascript.developpez.com/faq/?page=navig

tu as des exemples de sources pour gérer les cookies ou passer par l'url, après tu n'auras plus qu'à appeler la méthode correspondante a ton ton menu ...