Discussion :

[brice6]

Bonjour,

J'ai créé une div avec un contenu et j aimerai que lorsque je clique sur cette div, un background-color plus foncé se mette et que lorsque je reclique dessus il s'enlève. J'ai déjà fait avec un onclick et j'ai remarqué que je ne peux pas mettre deux onclick sur une meme div. Si qqun aurait une idée je suis preneur.

Merci

[Beginner.]

Salut,

Je ne pense pas qu'il y ait besoin de deux onclick pour cela...
Avec un seul, il te suffit à chaque clique de tester la valeur de la propriété background-color pour savoir ce que tu dois faire entre enlever et mettre une couleur plus foncée...

[brice6]

Déjà merci de ta réponse.

Mais je sais pas si j'ai été assez clair ou si c'est moi qui ai mal compris votre réponse. je vais essayer de me réexpliquer. J'ai une div avec un background par exemple jaune. Lorsque je clique dessus j'ai envie qu elle devienne par exemple rouge et lorsque je reclique dessus qu'elle revienne jaune.

[Doksuri]

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<style type="text/css">.off {
  background-color:red;
}
.on {
  background-color:green;
}</style>
 
<div id="test" style="width:100px; height:100px" class="off"></div>
 
<script type="text/javascript">
document.getElementById('test').addEventListener('click', function() {
this.classList.toggle('on');
this.classList.toggle('off');
});
</script>

[brice6]

MERCIII ça marche parfaitement !

[brice6]

Ok je vois maintenant se que tu disais. C'était pas claire dans ma tête du coup je vais utiliser les deux méthodes comme sa je sais que les deux sont possibles. Merci