jQuery : changer la couleur d'un input

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par rudddy, 19 Janvier 2010.

  1. rudddy
    rudddy WRInaute passionné
    Inscrit:
    1 Août 2007
    Messages:
    2 142
    J'aime reçus:
    0
    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
     
  2. cedric_g
    cedric_g WRInaute accro
    Inscrit:
    18 Janvier 2006
    Messages:
    2 961
    J'aime reçus:
    1
    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;
    }
     
  3. rudddy
    rudddy WRInaute passionné
    Inscrit:
    1 Août 2007
    Messages:
    2 142
    J'aime reçus:
    0
    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
     
  4. rudddy
    rudddy WRInaute passionné
    Inscrit:
    1 Août 2007
    Messages:
    2 142
    J'aime reçus:
    0
    Re: jQuery : changer la couleur d'un imput

    en + j'ai testé en css ça marche pas !
     
  5. aladdin
    aladdin WRInaute passionné
    Inscrit:
    29 Avril 2005
    Messages:
    1 246
    J'aime reçus:
    0
    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 ;)
     
  6. rudddy
    rudddy WRInaute passionné
    Inscrit:
    1 Août 2007
    Messages:
    2 142
    J'aime reçus:
    0
    Re: jQuery : changer la couleur d'un imput

    merci bcp

    et pour gérer uniquement les input de type text ???
    ;-)
     
  7. rudddy
    rudddy WRInaute passionné
    Inscrit:
    1 Août 2007
    Messages:
    2 142
    J'aime reçus:
    0
    Re: jQuery : changer la couleur d'un imput

    au fait j'ai testé et ça marche pas (je me dis bien que j'avais essayé cette syntaxe)
     
  8. rudddy
    rudddy WRInaute passionné
    Inscrit:
    1 Août 2007
    Messages:
    2 142
    J'aime reçus:
    0
    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"});
    	});
     
Chargement...
Similar Threads - jQuery changer couleur Forum Date
jQuery : changer le fond d'un select Développement d'un site Web ou d'une appli mobile 8 Juin 2010
JQuery ui accordeon et lazy image Développement d'un site Web ou d'une appli mobile 27 Mars 2020
Aligner des checkboxradio jQuery Développement d'un site Web ou d'une appli mobile 7 Mars 2020
Accordion jquery : onclick fermer la section ouverte Développement d'un site Web ou d'une appli mobile 13 Février 2020
Jquery : CDN Google ou CDN Jquery Administration d'un site Web 1 Février 2019
Utilisation de load (Jquery) sans impacter le SEO Développement d'un site Web ou d'une appli mobile 4 Août 2018
diaporama (jquery) façon facebook Développement d'un site Web ou d'une appli mobile 2 Août 2018
Slider range jquery + keyup fonction Développement d'un site Web ou d'une appli mobile 26 Février 2018
se passer d'un SetTimeout dans Jquery Développement d'un site Web ou d'une appli mobile 23 Février 2017
Double JQUERY.js Débuter en référencement 18 Décembre 2016