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 :

afficher des champs d'un formulaire en selectionnant une case à cocher


Sujet :

JavaScript

  1. #1
    Membre à l'essai
    Profil pro
    Inscrit en
    Mai 2007
    Messages
    13
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2007
    Messages : 13
    Points : 10
    Points
    10
    Par défaut afficher des champs d'un formulaire en selectionnant une case à cocher
    Je cherche un script qui me permettra d'afficher des champs en fonction de la case à cocher selectionnée.
    Merci

  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,
    ce style ?

    Head :
    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
    <script language="Javascript">
    // ==================
    //	Activations - Désactivations
    // ==================
    // Script de EM - 2005
    function GereControle(Controleur, Controle, Masquer) {
    var objControleur = document.getElementById(Controleur);
    var objControle = document.getElementById(Controle);
    	if (Masquer=='1')
    		objControle.style.visibility=(objControleur.checked==true)?'visible':'hidden';
    	else
    		objControle.disabled=(objControleur.checked==true)?false:true;
    	return true;
    }
    </script>
    Body :
    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
    27
    28
    29
    30
    31
    32
    33
    Exemples de désactivations :<br /><br />
    <input type="checkbox" id="chkb_1" onClick="GereControle('chkb_1', 'texte_1', '0');" CHECKED>&nbsp;<label for="chkb_1">Contrôle de "texte_1"</label>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <input type="text" id="texte_1" value="Contenu de texte_1">
     
    <br /><br />
    <input type="radio" id="radio_1" name="radios" onClick="GereControle('radio_1', 'liste_1', '0');" CHECKED>&nbsp;<label for="radio_1">Active de "liste_1"</label>
    <br />
    <input type="radio" id="radio_2" name="radios" onClick="GereControle('radio_1', 'liste_1', '0');">&nbsp;<label for="radio_2">Désactive de "liste_1"</label>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <select id="liste_1">
    	<option value="1">Ligne 1</option>
    	<option value="2">Ligne 2</option>
    	<option value="3">Ligne 3</option>
    </select>
     
    <br /><br /><br /><br />
    Exemples de masquage :<br /><br />
     
    <input type="checkbox" id="chkb_10" onClick="GereControle('chkb_10', 'texte_10', '1');" CHECKED>&nbsp;<label for="chkb_10">Contrôle de "texte_10"</label>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <input type="text" id="texte_10" value="Contenu de texte_10">
     
    <br /><br />
    <input type="radio" id="radio_10" name="radios_0" onClick="GereControle('radio_10', 'liste_10', '1');" CHECKED>&nbsp;<label for="radio_10">Active de "liste_10"</label>
    <br />
    <input type="radio" id="radio_20" name="radios_0" onClick="GereControle('radio_10', 'liste_10', '1');">&nbsp;<label for="radio_20">Désactive de "liste_10"</label>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <select id="liste_10">
    	<option value="1">Ligne 1</option>
    	<option value="2">Ligne 2</option>
    	<option value="3">Ligne 3</option>
    </select>
    A+
    Pour tout savoir sur l'utilisation du forum

    En postant votre message, n'oubliez pas les Règles du Club.

  3. #3
    Membre à l'essai
    Profil pro
    Inscrit en
    Mai 2007
    Messages
    13
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2007
    Messages : 13
    Points : 10
    Points
    10
    Par défaut Merci
    Citation Envoyé par bozykely3
    Je cherche un script qui me permettra d'afficher des champs en fonction de la case à cocher selectionnée.
    Merci
    J'ai testé votre code et ça marche mais ce que je voudrai c'est mettre ne place un formulaire dynamique qui va etre construit en fonction des checkbox selectionnés.
    J'ai déja élaborer un code où on masque les champs mais ça fait un trou dans le formulaire.
    Merci encore

  4. #4
    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
    Citation Envoyé par bozykely3
    J'ai déja élaborer un code où on masque les champs mais ça fait un trou dans le formulaire.
    Il faut utiliser display:none/block
    au lieu de
    visibility:hidden/visible

    A+
    Pour tout savoir sur l'utilisation du forum

    En postant votre message, n'oubliez pas les Règles du Club.

  5. #5
    Membre à l'essai
    Profil pro
    Inscrit en
    Mai 2007
    Messages
    13
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2007
    Messages : 13
    Points : 10
    Points
    10
    Par défaut
    Citation Envoyé par E.Bzz
    Il faut utiliser display:none/block
    au lieu de
    visibility:hidden/visible

    A+

    J'ai nouveau probleme c'est que j'ai besoin de mettre ma page asp dans un FORM et une fois que c'est fait la fonction ne marche plus.
    Comment je dois faire???? J'ai essayé de bidouiller un peu mais ça ne marche pas.

    Merci

  6. #6
    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
    Citation Envoyé par bozykely3
    J'ai nouveau probleme c'est que j'ai besoin de mettre ma page asp dans un FORM et une fois que c'est fait la fonction ne marche plus.
    Comment je dois faire???? J'ai essayé de bidouiller un peu mais ça ne marche pas.
    2 choses :
    1) on ne met pas "une page ASP dans un <form>" ! Par contre, une page ASP peut générer un form ==> explique exactement ce que tu veux faire, et donne ton code existant
    2) cette question n'a rien à voir avec la prédédente ==> il faudrait créer un nouveau sujet

    A+
    Pour tout savoir sur l'utilisation du forum

    En postant votre message, n'oubliez pas les Règles du Club.

Discussions similaires

  1. Griser un champ Texte quand on clique sur une case à cocher
    Par Robjerey dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 16/12/2014, 15h54
  2. [MySQL] afficher des champs d'un formulaire en fonction d'une liste déroulante
    Par mademoizel dans le forum PHP & Base de données
    Réponses: 11
    Dernier message: 08/10/2009, 12h31
  3. Réponses: 18
    Dernier message: 23/01/2009, 14h17
  4. [MySQL] Afficher le détail d'un enregistrement à partir d'une case à cocher pour le modifier
    Par batoule80 dans le forum PHP & Base de données
    Réponses: 1
    Dernier message: 11/10/2008, 11h15
  5. Réponses: 2
    Dernier message: 31/05/2007, 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