Bonjour,
je rencontre quelques soucis pour afficher et masquer mes div. J'ai trouvé aucun post pour le problème que je rencontre. Je vous explique
Mon code javascript
Mon code PHP
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10 function showHide(divId) { if (document.getElementById(divId).style.display=="none")) { document.getElementById(divId).style.display="inline"; } else { document.getElementById(divId).style.display="none"; } }
et mon css
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5 for($i=0; $i<10; $i++) { echo '<button type="button" onclick="showHide('maDiv')">bouton</button>'; echo '<div id="maDiv">Mon text</div>'; }
Le problème avec ce code est qu'il prend pas en compte les différents bouton et différente div. Typiquement, quand je vais cliquer sur un des bouton (différent du 1er), il va m'afficher la div du 1er.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2#maDiv { display: none;}
Ce qu'il faudrait, c'est attribuer à chaques div dans la boucle, un id différent mais je ne vois pas trop comment m'y prendre
Je sais pas si jsuis assez clair :s
Merci d'avance pour votre aide
Partager