Discussion :

[dream_of_australia]

Coucou tout le monde !

J'ai des boutons qui sont en fait des div avec une bordure outset. lorsque l'utilisateur clique sur un des boutons, la bordure de celui-ci devient de style inset (pour faire comme un bouton enfoncé).
Jusque-là ça va.
Par contre je voudrais que lorsque l'utilisateur clique sur un bouton puis un autre, il n'y ait que le bouton cliqué en dernier dont la bordure soit de style inset, et tous les autres en style outset.
Pour le moment lorsque l'utilisateur clique sur un bouton puis un autre, ils sont tous enfoncés.

Ici mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<div class="boutoncat1" onclick="affProduits(1,12); this.style.borderStyle='inset'">Souscat1</div>
<div class="boutoncat1" onclick="affProduits(1,15); this.style.borderStyle='inset'">Souscat2</div>
<div class="boutoncat1" onclick="affProduits(1,16); this.style.borderStyle='inset'">Souscat3</div>

A la base, les boutons sont insérés dynamiquement par php.

Je suppose qu'il faut que j'appelle une fonction javascript qui change tous les styles mais je ne sais pas comment changer les styles de tous les div d'un coup.

[Madfrix]

Bonjour.

Mets des id à la place des class et références les dans un tableau JS. Lorsqu'un bouton est pressé, exécute une fonction qui parcours tout le tableau et grâce à l'instruction

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
document.getElementById("nom_div_tableau").style ....

tu pourras changer ainsi l'apparence de des boutons.

[dream_of_australia]

Je connais bien getElementById, mais là comme c'est inséré avec php, je ne peux pas connaître les id des div à l'avance, ils ne sont pas fixés et dépendent de ce que le client rajoute dans la base de données. Je vais essayer de bidouiller, mais s'il y a une solution plus simple je suis preneuse:

[dream_of_australia]

J'ai trouvé une solution pas très élégante mais elle fonctionne.

En fait j'ai un tableau qui contient les id et les noms de toutes mes sous-catégories. Je mets des id uniques de type "bouton" + indice du tableau.

Dans ma fonction appelée par onclick je récupère l'indice actuel et la longueur totale du tableau. Comme ça je fais une boucle et je mets le style selon l'indice.