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 :

Désactiver un champs


Sujet :

JavaScript

  1. #1
    Invité
    Invité(e)
    Par défaut Désactiver un champs
    Bonjour!
    J'ai un menu déroulant où il y a plusieurs choix et un champ de texte en-dessous.
    Lors ce qu'on séléctionne le premier choix,je veux que le champ de texte se désactive pour qu'on puisse pas y insérer du texte.
    Une idée? Merci!

  2. #2
    Rédacteur/Modérateur

    Avatar de gorgonite
    Homme Profil pro
    Ingénieur d'études
    Inscrit en
    Décembre 2005
    Messages
    10 322
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 40
    Localisation : France

    Informations professionnelles :
    Activité : Ingénieur d'études
    Secteur : Transports

    Informations forums :
    Inscription : Décembre 2005
    Messages : 10 322
    Par défaut
    tu connais les propriétés
    - disabled pour les éléments de formulaire
    - readonly pour les éléments de texte
    Evitez les MP pour les questions techniques... il y a des forums
    Contributions sur DVP : Mes Tutos | Mon Blog

  3. #3
    Invité
    Invité(e)
    Par défaut la méthode?
    Je les connais,mais je ne sais pas comment les utiliser pour désactiver le champ juste lors qu'on séléctionne un certain choix.

  4. #4
    Membre chevronné
    Avatar de ilood
    Inscrit en
    Mars 2005
    Messages
    468
    Détails du profil
    Informations forums :
    Inscription : Mars 2005
    Messages : 468
    Par défaut
    Salut

    Pour ça il faut se tourner vers Javascript.

  5. #5
    Inactif  
    Avatar de Kerod
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    11 672
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 11 672
    Par défaut
    Petit exemple valable pour tout type (je parle du bouton, on peut mettre une checkbox ou autre)

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <input id="test"  type="text" value="test"/> 
    <input type="button" onclick="document.getElementById('test').disabled=true"/>
    ou encore :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
     
    <script language="javascript">
    function modif()
    {
      document.getElementById('test').disabled=(document.getElementById('test').disabled==true)?false:true;
    }
    </script>
    <input id="test"  type="text" value="test"/> 
    <input type="checkbox" onclick="javascript:modif()"/>

  6. #6
    Invité
    Invité(e)
    Par défaut Toujours rien!
    Exemple 1:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <input id="test"  type="text" value="test">
    <select size="1" name="combo" onclick="document.getElementById('test').disabled=true">
    <option>select</option>
    <option>AAA</option>
    </select>
    Exemple 2:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    <script language="javascript">
    function modif()
    {
      document.getElementById('test').disabled=(document.getElementById('test').disabled==true)?false:true;
    }
    </script>
    </head>
    <body>
    <input id="test"  type="text" value="test"/>
    <select size="1" name="combo" onclick="javascript:modif()">
    <option>select</option>
    <option>AAA</option>
    </select>
    Dans les 2 exemples,le champ de texte se désactive quel que soit le choix,or moi je veux que ça soit rien que pour l'option "select". J'ai essayé ça aussi mais ça donne rien: <option onclick="document.getElementById('test').disabled=true" >select</option>

  7. #7
    Expert confirmé

    Avatar de denisC
    Profil pro
    Développeur Java
    Inscrit en
    Février 2005
    Messages
    4 050
    Détails du profil
    Informations personnelles :
    Âge : 45
    Localisation : Canada

    Informations professionnelles :
    Activité : Développeur Java
    Secteur : Service public

    Informations forums :
    Inscription : Février 2005
    Messages : 4 050
    Par défaut Re: Toujours rien!
    Citation Envoyé par CASANOVAlaa
    Dans les 2 exemples,le champ de texte se désactive quel que soit le choix,or moi je veux que ça soit rien que pour l'option "select". J'ai essayé ça aussi mais ça donne rien: <option onclick="document.getElementById('test').disabled=true" >select</option>
    Il n'y a pas de onclick sur une option. Tu es obligé de passer par le select et de vérifier l'option selectionné dans le select via la propriété selectedIndex (ou eventuellement value). C'est dans la

  8. #8
    Invité
    Invité(e)
    Par défaut
    J'ai vu les exemples sur la FAQ mais j'arrive toujours pas à le fair!!!

  9. #9
    Inactif  
    Avatar de Kerod
    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    11 672
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 11 672
    Par défaut
    Et un autre exemple avec un select :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    <html>
     
    <body>
    <script language="javascript">
    function modif()
    {
     if(document.getElementById('combo').options[document.getElementById('combo').selectedIndex].value==2
    ) document.getElementById('test').disabled=false;
     else
      document.getElementById('test').disabled=true;
    }
    </script>
    </head>
    <body>
    <input id="test"  type="text" value="test"/>
    <select size="1" id="combo" onchange="javascript:modif()">
    <option value="1">select</option>
    <option value="2">AAA</option>
    </select>
    </body>
    </html>

  10. #10
    Invité
    Invité(e)
    Par défaut
    Merci infiniment pour ton exemple!

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

Discussions similaires

  1. Désactivation de champs texte ?
    Par ghohm dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 24/07/2007, 14h45
  2. activer et désactiver un champ
    Par boodhir dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 20/03/2007, 09h44
  3. Désactiver un champ texte à partir d'un liste déroulante
    Par illegalsene dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 04/05/2006, 14h40
  4. Désactiver un champ input par rapport à un autre
    Par guilhemr dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 11/04/2006, 16h35
  5. Désactiver un champ
    Par tets88 dans le forum Access
    Réponses: 6
    Dernier message: 10/03/2006, 11h01

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