[DOM] Menu déroulant et DOM. Afficher les sous-menus cachés
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.
Citation:
<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 :
Citation:
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
