comment appeler le noeud enfant pour un menu dynamique

Version imprimable

Bonjour ,
Après avoir essayé plusieurs menus , je me suis dit que le plus simple était d'en créer un perso que je comprendrai.J'ai commencé par de petits tests.
Voilà un petit exemple menu :
Code:

1 2 3 4 5 6 7 <ul id="general" onMouseover="Afficher(this);"> Présentation <div id="sousMenu1" style="visibility:visible;display:block"> <li> histoire </li> <li> cours </li> </div> </ul>
Pour la fonction afficher comment passer du noeud parent au noeud enfant.
J'ai essayé currentNode.childNode mais j'obtiens un message objet undefined.
Une fois que j'aurais le noeud enfant je pourrai modifier le style.visibility

Merci de votre aide

19/11/2008, 17h24
SpaceFrog

Code:

currentNode.childNodes[0]

retourne le premier Noeud Enfant, masi mefies toi ce n'est peut être pas celui que tu crois en focntion du navigateur (cf nodeCleaner)

sinon avec

Code:

currentNode.getElementsByTagName('li')[0]

retournera a coup sur le premier li

Et accesoirement ta structure avec le div dans le ul c'est pas bon
19/11/2008, 22h57
une_tite_question

Merci de la réponse,

Citation:

Code :
currentNode.getElementsByTagName('li')[0]retournera a coup sur le premier li

Je crois que c'est ce qui me fallait.

Citation:

Et accesoirement ta structure avec le div dans le ul c'est pas bon

T'as tout à fait raison,je fais les modifs et j'aurai surement d'autres problèmes à te soumettre.

Bonjour ,

Je continue mon exploration des menu dynamiques.

Voilà le problème que le rencontre :

Quand je fais un mouseOver sur un menu il m'affiche tous : le menu et les sous menu alors que je ne veux que le menu .
Je pensais donc sur un menu , rechercher tous les noeuds enfants et ne pas afficher les ul et les li des noeuds enfants.

Voilà donc ce que je fais :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
   var enfant = currentNode.childNodes  ;
 
 
                    if (enfant.length==0)
                        {
                           alert ("Le menu n'a pas d'enfants") ; 
                           // return false ;
                            }
                            else {
                             // On va chercher si notre noeud enfant contient 
                             // des ul ou des li
 
                             for (var i=0;i<enfant.length ; i++)
                                 {
 
                    enfant[i].getElementsByTagName('ul').style['visibility'] ='hidden' ;
 
                     enfant[i].getElementsByTagName('li').style['visibility'] = 'hidden' ;
 
                                  }

J'obtiens le message d'erreur suivant :

Citation:

enfant[i].getElementsByTagName is not a function

J'ai surement fait une de raisonnement quelque part, pouvez vous me dire où.

Merci d'avance