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 champ input par rapport à un autre


Sujet :

JavaScript

  1. #1
    Membre à l'essai
    Profil pro
    Inscrit en
    Juillet 2005
    Messages
    16
    Détails du profil
    Informations personnelles :
    Localisation : Canada

    Informations forums :
    Inscription : Juillet 2005
    Messages : 16
    Points : 12
    Points
    12
    Par défaut Désactiver un champ input par rapport à un autre
    Bonjour,

    J'ai 2 champ input. Je voudrai désactiver le 2nd lorsque l'utilisateur entre du texte dans le 1er et vice et versa.
    De même, réactiver le 2nd champ lorsque l'utilisateur efface le texte du 1er, et vice et versa.

    J'espère que ma question est compréhensible

    Existe'il un moyen de faire ca ?

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 640
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 640
    Points : 66 663
    Points
    66 663
    Billets dans le blog
    1
    Par défaut
    heu je vois pas comment l'utilisateur pourrait saisir dans les deux cahmps en même temps ...


    plus sérieusement sur le onblur du champs vérifie si il contient quelquechose ou pas ...

  3. #3
    Membre à l'essai
    Profil pro
    Inscrit en
    Juillet 2005
    Messages
    16
    Détails du profil
    Informations personnelles :
    Localisation : Canada

    Informations forums :
    Inscription : Juillet 2005
    Messages : 16
    Points : 12
    Points
    12
    Par défaut
    J'ai oublié de préciser que je n'y connaissait rien en JS..

  4. #4
    Rédacteur
    Avatar de MasterOfChakhaL
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2004
    Messages
    2 147
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 147
    Points : 3 264
    Points
    3 264
    Par défaut
    moi, j'y connais rien en cascades...
    alors j'évite de sauter du toit de ma maison...

  5. #5
    Membre à l'essai
    Profil pro
    Inscrit en
    Juillet 2005
    Messages
    16
    Détails du profil
    Informations personnelles :
    Localisation : Canada

    Informations forums :
    Inscription : Juillet 2005
    Messages : 16
    Points : 12
    Points
    12
    Par défaut
    excellent. Tu t'y connais en vannes par contre.

    Si je fais un truc du genre, sur mon 1er input :
    onblur="maFonction()"

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    maFonction(){
    if(document.form.getElementById(monInput1).value!="")
    {
     document.form.getElementById(monInput2).disabled="true";
    }
    }
    ca pourrait ressembler à ca ?

  6. #6
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 640
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 640
    Points : 66 663
    Points
    66 663
    Billets dans le blog
    1
    Par défaut
    alors je recap ...
    tu as deux champs vides au départ ...
    et le premier des deux qui recoit du texte bloque la saisie dans l'autre ?
    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
     
    <script type="text/javascript">
    function lockother(obj){
    switch (obj){
    				case 'text1': document.getElementById('text2').disabled=(document.getElementById(obj).value=='')?false:true;
    								break;
    				case 'text2': document.getElementById('text1').disabled=(document.getElementById(obj).value=='')?false:true;
    								break;
    }
    }
    </script>
    </head>
    <body>
     
    <input type='text' id='text1' onblur="lockother(this.id)" />
    <input type='text' id='text2' onblur="lockother(this.id)" />

  7. #7
    Membre à l'essai
    Profil pro
    Inscrit en
    Juillet 2005
    Messages
    16
    Détails du profil
    Informations personnelles :
    Localisation : Canada

    Informations forums :
    Inscription : Juillet 2005
    Messages : 16
    Points : 12
    Points
    12
    Par défaut
    Ca semble correspondre exactement à ce que je veux faire.

    Merci bcp SpaceFrog.

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

Discussions similaires

  1. Filtrer un input par rapport à un autre
    Par Sebounet54 dans le forum Développement de jobs
    Réponses: 3
    Dernier message: 10/04/2009, 09h10
  2. condition sur un champ par rapport à un autre
    Par precious dans le forum IHM
    Réponses: 2
    Dernier message: 15/03/2008, 19h58
  3. Réponses: 1
    Dernier message: 08/01/2008, 17h01
  4. Insertion valeur dans un champ par rapport à d'autres
    Par crosse9 dans le forum Requêtes et SQL.
    Réponses: 2
    Dernier message: 10/12/2007, 16h05
  5. Réponses: 3
    Dernier message: 17/01/2007, 09h33

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