Bonjour,
J'ai un problème de jQuery...

$("#menu a").mouseover(function(){ 							
        	$(this).stop().animate({
				backgroundColor:"#999",
				lineHeight:"25px"
				},100)  
   		}); 
		
		$("#menu a").mouseout(function(){ 							
        	$(this).stop().animate({ 
				lineHeight:"33px"
				},100)  
   		});

J'aimerais bien que la couleur de fond de mon lien devienne blanche lors d'un mouseover.
Le lineHeigt fonctionne pourtant bien, mais le background reste le même.
Une idée qqu'un ?

Merci pour votre aide, Raptor02

Remplace

$(this)

par

this

pour voir.

Non non $(this) est bon, ce qui n'est pas bon, c'est qu'on ne peut pas faire de animate() sur le background-color.

http://plugins.jquery.com/project/color

mais
$(), c'est pas document.getElementById() ?

$() c'est l'outils à tout faire de jQuery, c'est principalement une fonction (Sizzle) qui sert de sélecteur, si tu veux avec toutes les libs JS modernes tu peux utiliser des sélecteurs CSS & xPath

OK...
Mais je vois pas l'intérêt de $(this)... vu que ça revient à selectionner this... or on peut y accéder avec this tout court...

Bah non avec this ça a tendance à merder... Ils doivent modifier des trucs derrière qui font que $(this) est nécessaire.

Télécharge le plug-in jquery-colors, et ton code fonctionnera.

http://plugins.jquery.com/project/color

Jquery n'intègre pas par défaut cette astuce dans le animate(), il faut donc un petit fichier (ci-dessus).

@RockandRoll: cerium50 l'avait dit avant..
Pour compléter vos réponses, on peut aussi inclure le module 'Effets' de jQuery UI.
Ton code peut être raccourci en :

$('#menu a').hover(function(){
  $(this).stop().animate({
    backgroundColor: '#999'
    ,lineHeight: '25px'
  },100);
},function(){
  $(this).stop().animate({ 
    lineHeight: '33px'
  },100);
});

(après tu met l'indentation que tu veux)
hover() est un raccourci de mouseover() et mouseout().


Pour ce qui est du débat sur jQuery :
Presque toutes les méthodes jQuery finissent par appeler au bout d'un moment each() : ici, mouseover() appelle bind() qui finit par appeler each().
Ce dernier itère et fait fonctionDonnée.call(elementDuDom) pour chaque élément contenu dans l'objet jQuery.
En résumé this n'est pas un objet jQuery mais un élément du DOM.

Comme dit plus haut, il faut utiliser la fonction principale qui le transforme en objet jQuery :

// Handle $(DOMElement)
if ( selector.nodeType ) {
  this[0] = selector;
  this.length = 1;
  this.context = selector;
  return this;
}

Comment voulez-vous utiliser des méthodes sur un objet qui n'as pas ces méthodes ?


En tout cas j'ai bien étudié le code de jQuery, donc si quelqu'un a des remarques, n'hésitez pas je suis ouvert à tout débat.
Ce que je dit seras dans le tuto un jour ou l'autre donc autant faire en sorte qu'il y aie le moins d'erreurs .

@tit_toinou : il y aura une partie sur le fonctionnement de jQuery (je veux dire non pas comment se servir de la lib, mais comment ça marche) ? Ça me semble très intéressant

Dès le début du troisième chapitre je dis ce qu'est un objet jQuery (ce n'est pas un tableau !), mais tout ce que j'ai dit plus haut sera sûrement dans un des derniers chapitres de la seconde partie (dans longtemps donc ).

En tout cas c'est sûr que j'expliquerais comment tout ça marche histoire de ne pas laisser des parts d'ombres .

Sympa, ça m'est déjà arrivé de me plonger dans jQuery pour voir comment ça marcher mais chaque petite fonction en appelle une autre qui ne appelle une autre du coup j'ai abandonné

Moi je pensais expliquer en gros comment ça marchait (La POO de jQuery, quoi) !
Penses-tu qu'il est vraiment utile d'expliquer étape par étape ce que si passe dans jQuery ?

C'est un travail fastidieux qu'on peut faire soi-même (vu qu'on peut accéder aux sources, qui sont en plus commentées) une fois avoir compris le gros plan (fonctions, méthodes de jQuery etc..) de la bibliothèque..

Non non une explication générale suffira

Ok je verrais ce que je peux faire.
Étant donné que j'avance à petits pas, ce sera tout de même dans assez longtemps .

Citation : tit_toinou

Ok je verrais ce que je peux faire.
Étant donné que j'avance à petits pas, ce sera tout de même dans assez longtemps .

Va t'acheter un pseudo

Le pluggin UI de Jquery ou color fonctionne parfaitement, merci