jQuery : changer la couleur d'un input

rudddy

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
 

cedric_g

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;
}
 

rudddy

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
 

aladdin

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 ;)
 

rudddy

WRInaute passionné
Re: jQuery : changer la couleur d'un imput

merci bcp

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

rudddy

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)
 

rudddy

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