PHP + Javascript (showHide d'une div) [Résolu]

[Arkoze]

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 :

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 :

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 :

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

[Gaetan_]

Fais déjà attention à tes quotes :

Code :

1
2
3
4
for($i=0; $i<10; $i++) {
    echo '<button type="button" onclick="showHide(\'maDiv\')">bouton</button>';
     echo '<div id="maDiv">Mon text</div>';
}

Et après nommer les DIV en fonction de ton compteur :

Code :

1
2
3
4
for($i=0; $i<10; $i++) {
    echo '<button type="button" onclick="showHide(\'maDiv['.$i.']\')">bouton</button>';
     echo '<div id="maDiv['.$i.']">Mon text</div>';
}

Pour le JS/CSS je passe mon tour

[Arkoze]

Oui je sais, faut pas faire attention au quotes, c'est juste vous donner une idée du fonctionnement, merci quand meme

C'est ce que jcomptais faire coté php mais coté js et css je bloque un peu.

Déjà comment dire dans le css de cacher toutes les div surtout si j'ai une boucle à 10 000 occurences

[andry.aime]

Bonjour,

Avec le code php que tu génères les div, tu auras un id qui se répète. Un id doit être unique dans un document. Crées une nouvelle discussion sur le forum javascript en postant le code HTML généré mais pas le code PHP. Tu auras plus de chance.

A+.

[Helfima]

Envoyé par Arkoze

Oui je sais, faut pas faire attention au quotes, c'est juste vous donner une idée du fonctionnement, merci quand meme

C'est ce que jcomptais faire coté php mais coté js et css je bloque un peu.

Déjà comment dire dans le css de cacher toutes les div surtout si j'ai une boucle à 10 000 occurences

déjà ton navigateur risque de pas trop aimer si tu affiche 10000 objects c'est pas vraiment fait pour sinon pour répondre à la question qui n'est pas du php mais du css et du javascript utilise les classes pour les styles et voit du coté des sibbling en javascript surtout si ton noeud bouton suis le noeud div.

[Arkoze]

Envoyé par andry.aime

Bonjour,

Avec le code php que tu génères les div, tu auras un id qui se répète. Un id doit être unique dans un document. Crées une nouvelle discussion sur le forum javascript en postant le code HTML généré mais pas le code PHP. Tu auras plus de chance.

A+.

mais le problème c'est que jsuis obligé de généner plusieurs div via une boucle. J'avais pensé à mettre en id de la div, un id qui serait la concateination d'un nom+id (de la boucle for).

[Arkoze]

Je viens de trouver la solution

J'ai juste rajouter une class à ma div en plus d'un id qui est unique grâce à la concateination avec l'id de la boucle.

Merci pour votre aide