jQuery : changer la couleur d'un input

rudddy
WRInaute accro
WRInaute accro
 
Messages: 2570
Inscription: 1 Aoû 2007

jQuery : changer la couleur d'un input

Message le Mar Jan 19, 2010 13:10

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: Tout sélectionner
$("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
WRInaute accro
 
Messages: 3596
Inscription: 18 Jan 2006

Re: jQuery : changer la couleur d'un imput

Message le Mar Jan 19, 2010 13:25

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

Code: Tout sélectionner
.ton-form input:focus, .ton-form textarea:focus, .ton-form select:focus {
    background : #ff123f;
}

rudddy
WRInaute accro
WRInaute accro
 
Messages: 2570
Inscription: 1 Aoû 2007

Re: jQuery : changer la couleur d'un imput

Message le Mar Jan 19, 2010 15:11

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
WRInaute accro
WRInaute accro
 
Messages: 2570
Inscription: 1 Aoû 2007

Re: jQuery : changer la couleur d'un imput

Message le Mar Jan 19, 2010 15:13

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

aladdin
WRInaute passionné
WRInaute passionné
 
Messages: 1457
Inscription: 29 Avr 2005

Re: jQuery : changer la couleur d'un imput

Message le Mar Jan 19, 2010 17:11

Code: Tout sélectionner
      $(this).css("background-color", "#ff123f");

ou


Code: Tout sélectionner
      $(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 accro
WRInaute accro
 
Messages: 2570
Inscription: 1 Aoû 2007

Re: jQuery : changer la couleur d'un imput

Message le Mar Jan 19, 2010 17:40

merci bcp

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

rudddy
WRInaute accro
WRInaute accro
 
Messages: 2570
Inscription: 1 Aoû 2007

Re: jQuery : changer la couleur d'un imput

Message le Mar Jan 19, 2010 18:04

aladdin a écrit:
Code: Tout sélectionner
      $(this).css("background-color", "#ff123f");

ou


Code: Tout sélectionner
      $(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 accro
WRInaute accro
 
Messages: 2570
Inscription: 1 Aoû 2007

Re: jQuery : changer la couleur d'un imput

Message le Mer Jan 20, 2010 15:01

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

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


Si vous avez aimé cette discussion, partagez-la sur vos réseaux sociaux préférés :

Lectures recommandées sur ce thème :



Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 4 invités