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
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";
    }
}
Mon code PHP
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>';
}
et mon css
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
 
#maDiv { display: none;}
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.

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