IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

[JS] Changement couleur input ?


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Février 2009
    Messages
    625
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2009
    Messages : 625
    Par défaut [JS] Changement couleur input ?
    bonjour, j'ai un formulaire qui permet de modifier son profil.

    En javascript je permet de mettre en rouge l'input où il y a le problème.

    Mais mon soucis c'est que lorsque le curseur quitte l'input après avoir fait un focus dessus il reste toujours rouge.

    Question:
    Comment changer la couleur d'une input en javascript à partir du moment ou on quitte cette input ?

    exemple: erreur rouge, je quitte elle devient blanc.

  2. #2
    Membre Expert
    Avatar de RomainVALERI
    Homme Profil pro
    POOête
    Inscrit en
    Avril 2008
    Messages
    2 652
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Meurthe et Moselle (Lorraine)

    Informations professionnelles :
    Activité : POOête

    Informations forums :
    Inscription : Avril 2008
    Messages : 2 652
    Par défaut
    l'événement de perte du focus est onblur, le reste est identique au traitement qui passe cet input en rouge (je suppose que tu manipules la propriété css border-color de ton élément au moment du passage en rouge : pareil pour le blanc avec un code couleur #FFFFFF ^^)

  3. #3
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Bonjour,
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <input .... onblur="this.style.backgroundColor='#FFFFFF';">
    EDIT : "this" fait référence à l'objet courant. Donc ici, à l'input dans lequel il est appelé ...

    A+

  4. #4
    Membre éclairé
    Profil pro
    Inscrit en
    Février 2009
    Messages
    625
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2009
    Messages : 625
    Par défaut
    merci mais si je veux faire une fonction propre a un style précis de mes input ? comment je ferai pour l'appeler dans tous mes input ?

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <input type="text" name="pseudo" onblur="nom(this);" />
    <input type="text" name="mdp" onblur="nom(this);" />

    comme ceci ?

  5. #5
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Oui, par exemple ...

    A+

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Changement couleur cellule EXCEL en fonction du texte
    Par kikaillo dans le forum Macros et VBA Excel
    Réponses: 17
    Dernier message: 14/04/2006, 14h22
  2. [VBA-E] Changement couleur onglet
    Par Elstak dans le forum Macros et VBA Excel
    Réponses: 6
    Dernier message: 05/04/2006, 13h04
  3. Changement couleur de cellule
    Par Ricardo_Tubbs dans le forum Général JavaScript
    Réponses: 9
    Dernier message: 07/03/2006, 10h37
  4. Changement couleur fond et couleur texte au passage souris
    Par Jiraiya42 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 12
    Dernier message: 01/02/2006, 14h18
  5. [Trucs & Astuces] Changement couleur scroll bar
    Par CUCARACHA dans le forum Général JavaScript
    Réponses: 12
    Dernier message: 23/10/2005, 13h33

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo