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 :

Blocage tout bete sur un changement de style


Sujet :

JavaScript

  1. #1
    Membre habitué
    Profil pro
    Inscrit en
    Octobre 2007
    Messages
    302
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2007
    Messages : 302
    Points : 141
    Points
    141
    Par défaut Blocage tout bete sur un changement de style
    Bonsoir,
    J'ai un soucis tout bete mais je n'arrive pas à le résoudre. Je souhaiterai que, quand je clique dans le champ pour remplir, le texte devant change de style et deviene en italique :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
      <p>
        <label for="login" >Choisissez un login : </label>
        <input type="text" name="login" id="login"  />
      </p>
    Et voila mon code :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    function italic()
    {
    document.getElementById("login").style.fontStyle="italic";
    }
    J'ai essayé avec onclick dans le input type mais cela change l'écriture a l'interieur et non "Choisissez un login : "

  2. #2
    Expert éminent sénior

    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
    Points : 36 571
    Points
    36 571
    Par défaut
    Bonjour,
    le label est un élément en soi. Tu peux le gérer indépendament. Ton code fonctionne, mais pas sur le bon élément :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
      <p>
        <label for="login" id="label_login">Choisissez un login : </label>
        <input type="text" name="login" id="login" onfocus="italic();" />
      </p>
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    function italic()
    {
    document.getElementById("label_login").style.fontStyle="italic";
    }
    A+

  3. #3
    Expert éminent sénior

    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
    Points : 36 571
    Points
    36 571
    Par défaut
    ... et je suppose que tu voudras l'inverse
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
      <p>
        <label for="login" id="label_login">Choisissez un login : </label>
        <input type="text" name="login" id="login" onfocus="italic();"  onblur="normal();" />
      </p>
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    function italic()
    {
    document.getElementById("label_login").style.fontStyle="italic";
    }
    function normal()
    {
    document.getElementById("label_login").style.fontStyle="normal";
    }


    A+

  4. #4
    Membre habitué
    Profil pro
    Inscrit en
    Octobre 2007
    Messages
    302
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2007
    Messages : 302
    Points : 141
    Points
    141
    Par défaut
    Merci probleme resolu...

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

Discussions similaires

  1. Réponses: 2
    Dernier message: 09/02/2009, 11h16
  2. question toute bete sur les variables
    Par Charlie111 dans le forum Débuter avec Java
    Réponses: 1
    Dernier message: 26/11/2008, 10h58
  3. formulaire : changement de style sur evnt
    Par maysa dans le forum Général JavaScript
    Réponses: 11
    Dernier message: 09/04/2008, 12h01
  4. Changement de style lors du focus sur une cellule
    Par zyg dans le forum Général JavaScript
    Réponses: 13
    Dernier message: 23/12/2005, 10h29
  5. [debutant]Question toute bete sur le messages
    Par flogreg dans le forum Servlets/JSP
    Réponses: 18
    Dernier message: 09/09/2004, 09h07

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