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 :

(debutant) bouton qui manipule un champs texte


Sujet :

JavaScript

  1. #1
    Nouveau membre du Club
    Profil pro
    Développeur informatique
    Inscrit en
    Octobre 2008
    Messages
    69
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Octobre 2008
    Messages : 69
    Points : 38
    Points
    38
    Par défaut (debutant) bouton qui manipule un champs texte
    Bonjour,
    j'ai cherché des sujets similaires à mon probleme mais rien ne m'a aidé.
    Chose courante, sur un Formulaire, il y a deux boutons qui gerent deux champs text.

    Quand le boutonA est selectionné, je dois griser le champsTextB
    Inversement,
    Quand le boutonB est selectionné, je dois griser le champsTextA

    J'pense que c'est .. simple, mais j'aurai besoin d'aide!

    Merci d'avance.

  2. #2
    Rédacteur
    Avatar de Macmillenium
    Homme Profil pro
    Développeur front-end
    Inscrit en
    Mars 2008
    Messages
    2 333
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur front-end
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Mars 2008
    Messages : 2 333
    Points : 3 748
    Points
    3 748
    Par défaut
    Bonjour,

    Essai un truc basique en passant par le javascript

    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
     
    <script type="text/javascript">
    function desactivechamps(champ) {
    if (champ == 'boutonA') {
    document.getElementById('champsTextB').disabled=true;
    document.getElementById('champsTextA').disabled=false;
    document.getElementById('boutonB').checked=false;
    }
    else if (champ == 'boutonB') {
    document.getElementById('champsTextB').disabled=false;
    document.getElementById('champsTextA').disabled=true;
    document.getElementById('boutonA').checked=false;
    }
    }
    </script>
     
    <input type="checkbox" id="boutonA" onclick="desactivechamps('boutonA')" />
    <input type="checkbox" id="boutonB" onclick="desactivechamps('boutonB')" />
     
    <input type="text" id="champsTextA" />
    <input type="text" id="champsTextB" />

  3. #3
    Nouveau membre du Club
    Profil pro
    Développeur informatique
    Inscrit en
    Octobre 2008
    Messages
    69
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Octobre 2008
    Messages : 69
    Points : 38
    Points
    38
    Par défaut


    Impec !

    merci

  4. #4
    Nouveau membre du Club
    Profil pro
    Développeur informatique
    Inscrit en
    Octobre 2008
    Messages
    69
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Octobre 2008
    Messages : 69
    Points : 38
    Points
    38
    Par défaut
    ET SI ,
    ...
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
     
     
    <td>Type du menu</td>
    <td ALIGN=LEFT>
    <select name="type">
    <OPTION VALUE="s_m">Sous menu</OPTION>
    <OPTION VALUE="doc">Documents</OPTION>
    <OPTION VALUE="p_w">Page Web</OPTION>
    </select>
    </td>
    Comment je recupere la valeur de l'option choisi?
    pour ouvrir soit un champs texte, soit une combo.. etc?
    Merci d'avance

  5. #5
    Rédacteur
    Avatar de Macmillenium
    Homme Profil pro
    Développeur front-end
    Inscrit en
    Mars 2008
    Messages
    2 333
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur front-end
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Mars 2008
    Messages : 2 333
    Points : 3 748
    Points
    3 748
    Par défaut
    Pareil, tu affecte une id et ton select et tu fais ton instructions :
    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
    22
    23
    24
    25
    26
     
    <script type="text/javascript">
    function choixselect() {
    var option = document.getElementById('monselect').value;
     
    if (option == 's_m') {
    alert("c'est moi s_m")
    }
     
    else if (option == 'doc') {
    alert("c'est moi doc")
    }
     
    else if (option == 'p_w') {
    alert("c'est moi p_w")
    }
    }
    </script>
     
     
     
    <select name="type" id="monselect" onchange="choixselect()">
    <OPTION VALUE="s_m">Sous menu</OPTION>
    <OPTION VALUE="doc">Documents</OPTION>
    <OPTION VALUE="p_w">Page Web</OPTION>
    </select>
    Il suffit de remplacer les alert par ce que tu veux mettre.

  6. #6
    Nouveau membre du Club
    Profil pro
    Développeur informatique
    Inscrit en
    Octobre 2008
    Messages
    69
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Octobre 2008
    Messages : 69
    Points : 38
    Points
    38
    Par défaut
    impec, ça marche bien, merci

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

Discussions similaires

  1. Réponses: 2
    Dernier message: 18/07/2014, 19h24
  2. [AJAX] Liste déroulante qui alimente plusieurs champs texte
    Par alone06 dans le forum jQuery
    Réponses: 4
    Dernier message: 07/07/2014, 23h00
  3. [PHP 5.3] Génération de boutons radios et de champs texte
    Par beegees dans le forum Langage
    Réponses: 7
    Dernier message: 22/05/2010, 15h40
  4. [FLASH 8] Bouton qui rempli un champ texte
    Par touriste13 dans le forum Flash
    Réponses: 2
    Dernier message: 10/05/2006, 10h26
  5. [debutant] Creation de TextField - champ texte
    Par wkd dans le forum Composants
    Réponses: 3
    Dernier message: 04/06/2004, 14h00

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