jQuery : changer la couleur d'un input

WRInaute passionné
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 :

Code:
$("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
 
WRInaute accro
Re: jQuery : changer la couleur d'un imput

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

Code:
.ton-form input:focus, .ton-form textarea:focus, .ton-form select:focus {
    background : #ff123f;
}
 
WRInaute passionné
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
 
WRInaute passionné
Re: jQuery : changer la couleur d'un imput

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


Code:
      $(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 ;)
 
WRInaute passionné
Re: jQuery : changer la couleur d'un imput

merci bcp

et pour gérer uniquement les input de type text ???
;-)
 
WRInaute passionné
Re: jQuery : changer la couleur d'un imput

aladdin a dit:
Code:
      $(this).css("background-color", "#ff123f");
ou


Code:
      $(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)
 
WRInaute passionné
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 :

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