Discussion :

[olbouss]

Bonjour

Avant de rétablir la couleur de fond d'un élément après un mouseover, je vérifie sa classe, afin de savoir quelle couleur affecter.

Le alert retourne bien le bon nom de classe (sbt1), mais la comparaison avec le "==" ne marche pas.

Une piste svp ?

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
$('.sbt1').hover(
	function () { 
		$(this).css("background-color","#333") ;
	}, 
	function () {
		alert ( $(this).attr('class') ) ;
		if ( $(this).attr('class') == 'sbt1') {
                        $(this).css("background-color","#858585") ;
		}
		else $(this).css("background-color","black") ;
	} 			   
) ;

[Bovino]

Salut.
A vrai dire, j'ai du mal à comprendre l'intérêt de faire un test sur la classe d'un élément récupéré à partir de sa classe

Concernant ta question, ton élément possède peut-être plusieurs classes ou alors un espace s'est peut-être glissé dans son attribut class.

[olbouss]

Effectivement, il y avait un espace derrière le nom de la classe. Je m'en sors avec un $.trim.

Code :

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

if ( $.trim($(this).attr('class')) == 'sbt1')

En ce qui concerne le procédé qui parait peut-être un peu bizarre, il s'agit d'un script qui vient pallier aux insuffisances de IE6, suite l'utilisation de sélecteur :hover dans la feuille de style.

Les éléments récupéré par $('.sbt1') peuvent être de classe "sbt1" ou "sbt1 selected". Et en fonction de cela la couleur rétablie est différente; C'est pour ça que je teste à nouveau le nom de la classe.

Mais peut-être pensais-tu à autre chose ?

En tout cas merci pour ta réponse.

[Invité]

Bonjour,

Pourquoi ne par utiliser hasClass( class )

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
$('.sbt1').hover(
	function () { 
		$(this).css("background-color","#333") ;
	}, 
	function () {
		alert ( $(this).attr('class') ) ;
		if (!$(this).hasClass('selected')) {
                        $(this).css("background-color","#858585") ;
		}
		else $(this).css("background-color","black") ;
	} 			   
) ;

A+