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 -
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
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:
- La boucle for et les nodlist
- Downloader for pc - Télécharger - Téléchargement & Transfert
- Idm for mac - Télécharger - Téléchargement & Transfert
- Instagram for pc - Télécharger - Divers Communication
- Microsoft store download for pc - Guide
- Press the esc key for startup menu - Forum Matériel & Système
4 réponses
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" ?
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.
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.
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
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
{
?>
<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
Tu n'as toujours pas utilisé les BALISES DE CODE pour poster ton code !!
Quoi qu'il en soit, regarde ce que fait ceci :
J'ai utilisé un DATA-ATRIBUTE au niveau des MENUS
Et des ID pour les SOUS-MENUS.
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.