jQuery : changer la couleur d'un input

[rudddy]

Salut,

Je continue dans ma quête du saint jQuery

je voudrais que quand je clique sur un champ de formulaire (de type text) je change la couleur de fond de ce formulaire.

j'ai fait :

$("input").live('click', function() {
/* alert('test'); */
		$(this).css("backgroundColor", "#ff123f");
	});

alors ça marche pas, mais le alert marche donc on rentre bien dans la fonction, il doit y avoir un souci avec le this
donc :
1- si qqn a un tuyau sur ça
2- ma fonction gère tous les input, je voudrais uniquement les input de type text

Merci à vous

 

[cedric_g]

Re: jQuery : changer la couleur d'un imput

Euh y'a pas besoin de JQuery pour ça ???

.ton-form input:focus, .ton-form textarea:focus, .ton-form select:focus {
    background : #ff123f;
}

 

[rudddy]

Re: jQuery : changer la couleur d'un imput

oui mais en fait j'ai une gestion des couleurs par rapport à des conditions (j'ai simplifié le script !) donc il me le faut en jQuery

 

[rudddy]

Re: jQuery : changer la couleur d'un imput

en + j'ai testé en css ça marche pas !

 

[aladdin]

Re: jQuery : changer la couleur d'un imput

      $(this).css("background-color", "#ff123f");

ou

      $(this).css({"background-color": "#ff123f"});

Les deux devraient marcher.

en fait il faut juste utiliser le meme nom de style qu'en CSS, et backgroundColor (tout collé) ca existe pas

 

[rudddy]

Re: jQuery : changer la couleur d'un imput

merci bcp

et pour gérer uniquement les input de type text ???
;-)

 

[rudddy]

Re: jQuery : changer la couleur d'un imput

      $(this).css("background-color", "#ff123f");

ou

      $(this).css({"background-color": "#ff123f"});

Les deux devraient marcher.

en fait il faut juste utiliser le meme nom de style qu'en CSS, et backgroundColor (tout collé) ca existe pas

au fait j'ai testé et ça marche pas (je me dis bien que j'avais essayé cette syntaxe)

 

[rudddy]

Re: jQuery : changer la couleur d'un imput

résolu par moi même en personne :lol: (comment je peux me mettre une reco ???)
pour ceux que ça intéresse :

	$("input[type=text]").live('click', function() {
		$(this).css({background : "white"});
	});