Discussion :

[une_tite_question]

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 :

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

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

[SpaceFrog]

Code :

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

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 :

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

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

[une_tite_question]

Merci de la réponse,

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

Je crois que c'est ce qui me fallait.

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.

[une_tite_question]

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 :

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
 
   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 :

enfant[i].getElementsByTagName is not a function

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

Merci d'avance