Créer un menu deroulant via une fonction recursive.

**samurai741** · 26/11/2009, 12h04

Bonjour a tous;
mon problème c'est que je veux crée un déroulant en javascript je suis un peu débutant dans javascript. voilà j'ai une liste

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
 
<html><head></head>
<body>
<ul id="menu">
   <li>Element-1
         <ul>
             <li>Element-1-1</li>
             <li>Element-1-2</li>
         </ul>
   </li>
   <li>Element-2
         <ul>
             <li>Element-2-1</li>
             <li>Element-1-2</li>
         </ul>
   </li>
   <li>Element-3</li>
</ul>
</body>
</html>

mais bien sur le menu peut avoir plus de deux niveau je veux ajouter des idName et des classNam à l'aide dune fonction javascripte qui teste chaque noeud et lui donner la className ou le idName correspondant à mon menu comme ceci :

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
 
<html><head></head>
<body>
<ul id="menu">
   <li id="liniv0">Element-1
         <ul id="ulniv0">
             <li id="liniv1">Element-1-1</li>
             <li id="liniv1">Element-1-2</li>
         </ul>
   </li>
   <li id="liniv0">Element-2
         <ul id="ulniv0">
             <li id="liniv1">Element-2-1</li>
             <li id="liniv1"i>Element-1-2</li>
         </ul>
   </li>
   <li id="liniv0">Element-3</li>
</ul>
</body>
</html>

j'ai utiliser une fonction récursive comme suite mais je sais pas où est le problème sachez que je suis débutant et voilà ma fonction récursive:

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
 
idmenu="menu";
function menuderoulant(idmenu,k){
	nod=document.getElementById(idmenu);
	nod=nod.childNodes;
	for(i=0;i<nod.length;i++){
		if(nod[i].nodeType==1){
			nod[i].id="limenu"+k;
			noed=nod[i].childNodes;
			for(j=0;j<noed.length;j++){
				if(noed[j].nodeType==1){
					noed[j].id="ulmenu"+k;
                                        d=k+1;
					menuderoulant(noed[j].id,d);
				}
			}
		}
 
	}
}

**E.Bzz** · 26/11/2009, 12h09

Bonjour,

Envoyé par samurai741

j'ai utiliser une fonction récursive comme suite mais je sais pas où est le problème

si tu ne nous dit pas de quel problème il s'agit, on va avoir du mal à t'aider à le localiser

A+

**samurai741** · 26/11/2009, 12h20

Merci beaucoup pour ta réponse;
le probleme c'est que la fonction ne gere que le premier element <li> du niveau 0 : comme cela

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
<ul id="menuv" class="menuv" dir="rtl">
  <li id="limenu0">El-1
       <ul id="ulmenu0">
           <li id="limenu1">El-1-1</li>
           <li id="limenu1">El-1-2</li>
           <li id="limenu1">El-1-3
              <ul id="ulmenu1">
                 <li id="limenu2">El-1-3-1</li>
                 <li id="limenu2">El-1-3-2</li>
              </ul>
           </li>
       </ul>
  </li>
  <li>El-2</li>/*voilà c'est là mon probleme le deuxiem ou le N° element li du niveau 0 ne change pas comme si la fonction js supprime les idname de ces li ou ne parcoure pas ces element*/
</ul>

**E.Bzz** · 26/11/2009, 12h28

A la place de

Code :

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

nod=nod.childNodes;

as-tu essayé d'utiliser

Code :

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

les_nod=nod.getElementsByTagName("ul")

?
(mieux vaut utiliser une seconde variable que de recycler "nod", dans ton cas)

Ainsi tu pourrais aussi utiliser ensuite

Code :

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

les_nod[i].getElementsByTagName("li")

.
Ça te donnerait peut-être une meilleure vision de la structure que tu es en train de parcourir ...

De plus, je ne suis pas sûr que ton test de nodeType fonctionne comme tu l'entends

A+

**samurai741** · 26/11/2009, 12h33

Merci infiniment je vais essayer tout ça tout de suite pour ta question sur les nodeType ça fonctionne bien mais bon je vais reflichire un peu aussi merci pour ton coup de main je vais te dire ce que j'ai eu

**samurai741** · 26/11/2009, 12h47

Non monsieur j'ai pas pu resoudre le probleme en plus l'orsque j'ai utiliser

Code :

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

getElementsByTagName("ul")

mon variable les_nod est un tableau qui contien toute les element <ul> alors que moi je veux juste que la fonction travaille niveau par niveau sinon comme ça je peux pas et je sais pas a vrai dire comment faire pour que ma fonction peut donner a chaque element <li> et chaque element <ul> son idName correspondant

Créer un menu deroulant via une fonction recursive.

JavaScript

Discussions similaires

Partager

Partager