La boucle for et les nodlist

Aime2019 Messages postés 4 Date d'inscription   Statut Membre Dernière intervention   -  
Aime2019 Messages postés 4 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour a tout
Je suis débutant en JavaScript et aussi nouveau sur le forum
J'aisse depuis un moment de d'associer un événement "click" a un ensemble d'élément sans succès
Bre voile mon code
HTML 
While($reponce=$requette->fetch())
{
?>
<ul class="contact"><li><div class="contactus">nom+numéro de téléphone</div><ul class="submenu"><a bref="?action=wiew">détail</a></li>
<li><a bref="?action=delete">supprimé<li></ul></li></ul
<?PHP
}
?>
}

<script>
Var menu=document.getElementsByClassName('contactus");
Var submenu=getElementsByClassName("submenu");
  For(var i=0;i<menu.length;i++)
  {
    Menu[i].addEventListener("click",fonction(){
    Submenu[i].style.display="block";
  }
}

EDIT : Ajout des balises de code

A voir également:

4 réponses

Réponse 1 / 4
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
Bonjour,

Pour commencer,
merci d'utiliser les balises de code pour poster ton code sur le forum
Explications disponibles ici : https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code

Ensuite, c'est quoi tes attributs "bref" ? 
<a bref=

Tu t'es troompé avec HREF

et enfin...
Tu as un gros souci dans l'ordre de tes balises UL LI ....
certaines ne sont pas fermées....

Commence déjà par avoir un code html propre.




0
Réponse 2 / 4
Aime2019 Messages postés 4 Date d'inscription   Statut Membre Dernière intervention  
 
Désolé il se peu que j'edite avec le téléphone c'est pas trop facile avec le correcteur d'orthogragne du téléphone qui me massacre le code
0
Aime2019 Messages postés 4 Date d'inscription   Statut Membre Dernière intervention  
 
Whole($reponse=fetch())
{
?>
<ul>
<li><div class="contacts">nom+téléphone </div><ul class="submenu">
<li><a href="action=view">detail></a></li>
<li><a href="?action=delete">supprimé</a></li>
</ul>
</li>
</ul>
<?PHP
}
?>
<script>
var menu=document.getElementsByClassName("contactus");
var submenu=document.getElementsByClassName ("submenu");
For(var i=0;i<menu.length;i++)
{
Menu[i].addEventListener("click",function(){
Submenu[i].style.display="block";
}
}
</script>
Voilà le code avec le HTML en ordre s'il vous plais aidez moi a trouver ce qui ne faut faire exactement
0
Réponse 3 / 4
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
Tu n'as toujours pas utilisé les BALISES DE CODE pour poster ton code !!

Quoi qu'il en soit, regarde ce que fait ceci : 
<style>
 .submenu{
   display:none;
 }
</style>
<ul> 
  <li>
    <div class="contacts" data-menu_id="1">nom+téléphone </div>
    <ul class="submenu" id="submenu_1"> 
      <li>
        <a href="action=view">detail</a>
      </li> 
      <li>
        <a href="?action=delete">supprimé</a>
      </li> 
    </ul> 
  </li> 
  <li>
    <div class="contacts" data-menu_id="2">Autre menu </div>
    <ul class="submenu" id="submenu_2"> 
      <li>
        <a href="action=view">qqchose</a>
      </li> 
      <li>
        <a href="?action=delete">voilou</a>
      </li> 
    </ul> 
  </li> 
</ul>


<script>
var menus = document.getElementsByClassName("contacts");
console.log('menus',menus);
for(var i=0 ; i< menus.length ; i++){
  menus[i].addEventListener("click",function(event){
      var el = event.target || event.srcElement;
      var id_menu = el.getAttribute('data-menu_id');
      var submenu = document.getElementById('submenu_'+id_menu);
      if(submenu.style.display=="block"){
        submenu.style.display="none";
      }else{
        submenu.style.display="block";
      }
  });
}
</script>

J'ai utilisé un DATA-ATRIBUTE au niveau des MENUS
Et des ID pour les SOUS-MENUS.


0
Réponse 4 / 4
Aime2019 Messages postés 4 Date d'inscription   Statut Membre Dernière intervention  
 
Okay merci
0

Discussions similaires

Mon pc s'allume et s'éteint en boucle
Jack -
Daniel -

16 réponses
Mon ordinateur s'allume et s'eteint en boucle
mhmd_elmrni -
BiGaMeRz10 -

10 réponses
tele s'eteind et s'allume en boucle
avion386 -
txiki -

4 réponses
Redmi redémarre en boucle - Fastboost impossible
Jaaane -
crooner76 -

1 réponse
Mon PC s'allume puis s'éteint tout seul. Que faire ?
La gouille -
Kcb -

28 réponses