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 :

Buotons radios avec validation par boite de dialogue


Sujet :

JavaScript

  1. #1
    Membre à l'essai
    Profil pro
    Inscrit en
    octobre 2005
    Messages
    22
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : octobre 2005
    Messages : 22
    Points : 17
    Points
    17
    Par défaut Buotons radios avec validation par boite de dialogue
    Bonjour,

    Je suis débutant et je galere un petit peu dans les formulaires avec des boutons radios.
    Je souhaiterai lorsque l'utilisateur selectionne la reponse 4807 M et lorsqu'il clique sur le bouton "essayer" qu'une boite de dialogue lui retourne "gagné" et si il s'est trompé "perdu".
    De plus j'ai l'impression qu'une fois mes boutons sont cochés on ne peut plus les décochés... D'ou cela vient-il ??
    Merci a vous.




    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
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>Document sans titre</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <script language="JavaScript">
    </script>
    </head>
     
    <body>
    <font size="+1"><strong>A propos du Mont Blanc</strong></font> 
    <Form name="form1">
    Altitude <Br><Br>
    4807 M : <INPUT type="radio" name="4807 M"><br><br>
    4708 M : <INPUT type="radio" name="4708 M"><br><br>
    4810 M : <INPUT type="radio" name="4810 M"><br><br>
    <input type="button" value="Essayer" onClick="window.alert(form1.4807 M.checked)">
    </Form>
    </body>
    </html>

  2. #2
    Expert éminent Avatar de Mr N.
    Profil pro
    Inscrit en
    septembre 2004
    Messages
    5 418
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : septembre 2004
    Messages : 5 418
    Points : 6 449
    Points
    6 449
    Par défaut
    Plusieurs choses :
    • Evite les espaces dans les attributs name
    • les radio doivent faire parti d'un groupe de radio... or ici 1 group = 1 radio donc on peut selectionner toutes les reponses à la fois. Ce qui n'est pas leprincipe des radios. On definit un group par le name : en clair, même name = même groupe
    • On ne peut deselectionner un radio car pour ce faire, il faut selectionner un autre radio dans le meme groupe, our vu le point ci-dessus, c'est impossible
    • les radio se mettent généralement à gauche du label, remarque purement falcutative et subjective

  3. #3
    Membre à l'essai
    Profil pro
    Inscrit en
    octobre 2005
    Messages
    22
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : octobre 2005
    Messages : 22
    Points : 17
    Points
    17
    Par défaut
    Ok merci de ta réponse. J'ai essayaer de corriger mon code suite aux indications que tu m'as donnés. Desormais un seul bouton peut etre coché ; le probleme de selection est donc reglé. Reste le renvoi de la reponse dans la boite de dialogue que je ne parviens toujours pas a généré.

    Voici mon nouveau code :
    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
     
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>Document sans titre</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <script language="JavaScript">
    </script>
    </head>
     
    <body>
    <font size="+1"><strong>A propos du Mont Blanc</strong></font> 
    <Form name="form1">
    Altitude <Br><Br>
    4807m : <INPUT type="radio" name="Altitude"><br><br>
    4708m : <INPUT type="radio" name="Altitude"><br><br>
    4810m : <INPUT type="radio" name="Altitude"><br><br>
    <input type="button" value="Essayer" onClick="window.alert(form1.4807m.checked)">
    </Form>
    </body>
    </html>
    Merci pour votre aide.

  4. #4
    Expert éminent Avatar de Mr N.
    Profil pro
    Inscrit en
    septembre 2004
    Messages
    5 418
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : septembre 2004
    Messages : 5 418
    Points : 6 449
    Points
    6 449
    Par défaut
    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
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>Document sans titre</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <script type="text/javascript">
       var reponses = new Array;
     
       function checkAnswer(question, user_choice) {
          if (user_choice[reponses[question]] && user_choice[reponses[question]].checked) {
             alert('Bonne réponse !');
          } else {
             alert('Vous êtes le maillon faible, au revoir');
          }
       }
    </script>
    </head>
     
    <body>
    <strong>A propos du Mont Blanc</strong>
    <form name="form1">
    <div>
       <p>Altitude :</p>
       <INPUT type="radio" name="Altitude" id="Altitude_0" /> <label for="Altitude_0">4807m</label><br>
       <INPUT type="radio" name="Altitude" id="Altitude_1" /> <label for="Altitude_1">4708m</label><br>
       <INPUT type="radio" name="Altitude" id="Altitude_2" /> <label for="Altitude_2">4810m</label><br>
       <script type="text/javascript">reponses['altitude'] = 2;</script>
       <input type="button" value="Essayer" onClick="checkAnswer('altitude', form1.Altitude);">
    </div>
    <div>
       <p>Couleur :</p>
       <INPUT type="radio" name="Couleur" id="Couleur_2" /> <label for="Couleur_2">blanc</label><br>
       <INPUT type="radio" name="Couleur" id="Couleur_0" /> <label for="Couleur_0">rouge</label><br>
       <INPUT type="radio" name="Couleur" id="Couleur_1" /> <label for="Couleur_1">noir</label><br>
       <script type="text/javascript">reponses['couleur'] = 0;</script>
       <input type="button" value="Essayer" onClick="checkAnswer('couleur', form1.Couleur);">
    </div>
    </form>
    </body>
    </html>

  5. #5
    Membre à l'essai
    Profil pro
    Inscrit en
    octobre 2005
    Messages
    22
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : octobre 2005
    Messages : 22
    Points : 17
    Points
    17
    Par défaut
    Ok, j'ai essayer le code et ca marche parfaitement.
    Je vais etudier tout ca pour comprendre un peu comment ca marche.

    Merci pour ton aide.

    Bonne continuation.

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

Discussions similaires

  1. Problème avec validation par formule
    Par ren0_ dans le forum Macros et VBA Excel
    Réponses: 2
    Dernier message: 24/09/2008, 11h19
  2. Lancement d'un thread par boite de dialogue
    Par alexadvance dans le forum MFC
    Réponses: 13
    Dernier message: 02/10/2007, 15h54
  3. VBA Choisir un fichier par boite de dialogue
    Par benjiprog dans le forum IHM
    Réponses: 6
    Dernier message: 08/08/2007, 17h52
  4. Réponses: 1
    Dernier message: 18/04/2007, 14h14
  5. Réponses: 4
    Dernier message: 27/02/2007, 11h17

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