Discussion :

[ameb2908]

Bonjour, je voudrais mettre un style au survol de la souris sur une div sachant que j'en ai 6, donc 1 à la fois.

Chez moi le style s'appliquent à tous les divs en même temps.

Voici mon code :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 
(function($) {
 
	var columns = $(".columns");
	var prestationIcon = $(".prestation_icon");
	var title = $("h3");
	var prestationText = $(".prestation_text");
	var prestationButton = $(".prestation_button");
 
	columns.hover(function() {
 
		columns.css("background-color","#01546b");
		prestationIcon.css({"background-color":"#0ac6fc","color":"#fff"});
		title.css("color","#fff");
		prestationText.css("color","#fff");
		prestationButton.css({"background-color":"#0ac6fc","color":"#fff"});
},
function() {
 
		columns.css("background-color","#fff");
		prestationIcon.css({"background-color":"#01546b","color":"#fff"});
		title.css("color","#000");
		prestationText.css("color","#000");
		prestationButton.css({"background-color":"#fff","color":"#000"});
});
 
})(jQuery);

Besoin d'aide, merci d'avance.

[darkstar123456]

Bonjour,

Vous faites tout le temps référence à la variable columns à l'intérieur des méthodes, donc ça sélectionne toutes les colonnes à chaque fois.
Vous devriez plutôt utiliser $(this).

J'ai réalisé un petit exemple fonctionnel sur base de votre code : https://codepen.io/DarkStar123456/pe...R?editors=0010
Exemple :

Code javascript :

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

1
2
3
columns.hover(function() {
 
		$(this).css("background-color","#01546b");

Par contre est-ce vraiment nécessaire de faire tout ça en JS ??
Au pire, vous faites juste un toggleClass() plutôt que d'avoir tout dans du JS.
(ça ne change rien au fait qu'il faudra toujours référencer $(this) ^^)