Discussion :

[glenouve]

Bonjour,

Je vois explique mon soucis. Je débute en javascript et je voudrais faire un menu déroulant. J'ai un menu avec des sous-menus. Je cache mes sous-menu à l'aide de mon css.
Je désire les afficher seulement à la suite d'un evenement click.

<div class="menu_g">
<ul class="menu">
<li> Accueil </li>
<li> Historique </li>
<li id="sous_menu1" onclick="affiche(this);"> Famille d instruments
<ul class="sous_menu" id="ul_sous_menu1">
<li><a href="../famille/index.php?a=tuba">Tuba</a></li>
<li><a href="../famille/index.php?a=euph">Euphonium</a></li>
<li><a href="../famille/index.php?a=baryhton">Baryhton</a></li>
<li><a href="../famille/index.php?a=bugle">Bugles</a></li>
</ul>
</li>
<li id="sous_menu2" onclick="affiche(this);"> Les formations
<ul class="sous_menu" id= >
<li><a href="../formations/index.php?a=orch_har">Orchestre d harmonie</a></li>
<li><a href="../formations/index.php?a=brass">Brass Band</a></li>
</ul>
</li>
<li id="sous_menu3" onclick="affiche(this);"> La technique
<ul class="sous_menu">
<li><a href="../technique.index.php?a=doitge"> Les notes </a></li>
<li><a href="../technique.index.php?a=tonalite"> Les tonalités </a></li>
</ul>
</li>
</ul>
<div id="img_bas">
</div>
</div>

Je voudrais pour le momment afficher via une popup le premier element texte du <li> de mon sous-menu

Je fais donc la chose suivante :

function affiche(){
var obj=document.getElementById("ul_sous_menu1");
var plop=obj.childNodes[1].data;
alert(plop);

la valeur renvoyé est undefined.

Si quelqu'un à une idée sur la manière de faire, je suis plus que preneur

[Herode]

data est une propriété de l'interface CharacterData, qui est implémentée par les noeuds Texte, childNodes contient tous les noeuds enfants de ton noeud de départ (celui qui est pointé par l'id 'ul_sous_menu1' : les noeuds Elément (ceux que tu cherches), les noeuds Texte, les noeuds Attribut, etc... Et en toute rigueur, pour autant que je sache, tu n'as aucune garantie que childNodes[0] soit un noeud Elément, texte, ou autre chose.

Donc, que faire ? Par exemple :

1 - éplucher childNodes et récupérer le noeud Elément qui pointe sur le <li> qui t'intéresse
2 - en extraire le noeud Texte dont tu pourras lire la propriété data.