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 :

formulaire dynamique (radio button)


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Mars 2007
    Messages
    216
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Mars 2007
    Messages : 216
    Par défaut formulaire dynamique (radio button)
    Bonjour,

    J'ai un formulaire. La réponse à la première question est soit oui soit non. J'aimerais afficher ensuite une question adaptée à la première réponse (c'est-à-dire si l'utilisateur à cliquer oui, poser question 2 sinon poser question 3)

    J'ai fais ceci pour l'instant

    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
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
     
    <?php
       $WhyRemoveApp='
       <tr>
          <td colspan="2" valign="top" align="left">Why do you remove the application? </td>
       </tr>
       <tr>
          <td valign="top" colspan=2>
          <textarea rows=5 name="comment1" style="font-size: 9pt; width: 98%; " class="surveyContent-input" onfocus="this.className=\'surveyForm-focused\'" onblur="this.className=\'surveyContent-input\'"></textarea>
            </td>
       </tr>
       <tr><td colspan="2"><div class="surveyPadding-top10"></div></td>
       </tr>
        ';
            
        $WhatDidntFunction='
         <tr>
            <td colspan="2" valign="top" align="left">What didn&apos;t function?  </td>
          </tr>
          <tr>
            <td valign="top" colspan=2>
            <textarea rows=5 name="comment1" style="font-size: 9pt; width: 98%; " class="surveyContent-input" onfocus="this.className=\'surveyForm-focused\'" onblur="this.className=\'surveyContent-input\'"></textarea>
           </td>
          </tr>';
    ?>
    ...
    <form method="post" action="/src/scripts/monscript">
    <tr>
         <td colspan="2" valign="top" align="left">Did the application function? <br></td>
    </tr>
    <tr>
          <td colspan="2" valign="top" align="left">
           <input type="radio" name="group1" value="YesAppFunctioned" > Yes<br>
           <input type="radio" name="group1" value="NoAppFunctioned"> No<br>
           </td>
    </tr>
    <!-- jaimerais faire ici soit print $WhyRemoveApp, soit  print $WhatDidntFunction en fonction de la réponse à la première question -->
    <tr>
           <td></td>
           <td align="right"><input type="image" src="style/img/submit.gif" width="80" height="17" alt="Submit" border="0" vspace="4" hspace="6"></td>
    </tr>
    </form>
    ...
    j'aimerais que si Yes est coché, printé la variable $WhyRemoveApp

    Cependant je ne vois pas trop comment faire cela directement lors du clic sur mon radio button et non lors du clic sur le bouton submit

    Merci d'avance si quelqu'un peut m'aider

  2. #2
    Membre chevronné
    Homme Profil pro
    Développeur .NET
    Inscrit en
    Décembre 2004
    Messages
    304
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 43
    Localisation : Tunisie

    Informations professionnelles :
    Activité : Développeur .NET
    Secteur : High Tech - Électronique et micro-électronique

    Informations forums :
    Inscription : Décembre 2004
    Messages : 304
    Par défaut
    Il faut voir du coté de Javascript, tu t'abonne à l'événement onChange ou onClick de ton bouton radio, et selon la value, tu ajoute le code HTML que tu veux

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    <input type="radio" name="group1" onclick="WriteNextQuestion(this);" value="YesAppFunctioned" > Yes<br>
    <input type="radio" name="group1" onclick="WriteNextQuestion(this);" value="NoAppFunctioned"> No<br>
    <div id="MaQuestion"></div>
    et le code javascript correspondant
    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
     
    <script>
    function WriteNextQuestion(BtnRadio)
    {
     var LeHTMLdeMaQuestion;
     if(BtnRadio.value=="YesAppFunctioned")
     {
        LeHTMLdeMaQuestion="mon code HTML de ma question";
     }
     if(BtnRadio.value=="NoAppFunctioned")
     {
        LeHTMLdeMaQuestion="L'autre code HTML de mon autre question";
     }
     var DivDeMaQuestion=document.getElementById('MaQuestion');
     DivDeMaQuestion.innerHTML=LeHTMLdeMaQuestion;
    }
    </script>

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Mars 2007
    Messages
    216
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Mars 2007
    Messages : 216
    Par défaut
    Merci zehle pour cette réponse rapide

    Je vais pouvoir m'en sortir maintenant

    a plus

  4. #4
    Membre éclairé
    Profil pro
    Inscrit en
    Mars 2007
    Messages
    216
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Mars 2007
    Messages : 216
    Par défaut
    Ok donc ça marche, j'ai bien la suite de ma question qui change en fonction du choix des radios boutons

    Cependant, j'ai toujours un text "undefined" qui est rajouté après mes radio boutons.

    Pourquoi?

  5. #5
    Membre éclairé
    Profil pro
    Inscrit en
    Mars 2007
    Messages
    216
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Mars 2007
    Messages : 216
    Par défaut
    Non finalement tout est bon

    J'avais oublié d'initaliser une variable avant de la concaténer

    a plus

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

Discussions similaires

  1. Formulaire avec radio button
    Par alaninho dans le forum Balisage (X)HTML et validation W3C
    Réponses: 9
    Dernier message: 06/12/2012, 18h47
  2. Groupes de Radio Button sur 1 formulaire
    Par popovitch130 dans le forum Langage
    Réponses: 1
    Dernier message: 10/05/2008, 12h42
  3. Radio Button dynamique : qui est cliqué ?
    Par giloutho dans le forum Windows Forms
    Réponses: 2
    Dernier message: 28/08/2007, 22h04
  4. Formulaire dynamique et bouton radio
    Par Analfabete dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 05/01/2007, 20h56
  5. Formulaire Radio button et redirection
    Par dolf13 dans le forum Langage
    Réponses: 16
    Dernier message: 12/06/2006, 19h10

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