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 :

Empêcher un bouton submit d'effacer les zones de texte


Sujet :

JavaScript

  1. #1
    Membre régulier
    Homme Profil pro
    Enseignant
    Inscrit en
    Juin 2012
    Messages
    317
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Enseignant
    Secteur : Enseignement

    Informations forums :
    Inscription : Juin 2012
    Messages : 317
    Points : 101
    Points
    101
    Par défaut Empêcher un bouton submit d'effacer les zones de texte
    bonjour
    j'ai cherché tout le matin comment empêcher un bouton de type submit d'effacer les zones de textes lors de la validation.
    Code html : 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
     
    <form name="inscription">
      <div class="qcm" id="questions0">
     
        <p> <input id="NomDeFamille" type="text" name="champ1" placeholder="NOM DE FAMILLE" required /> <input id="Prenom" type="text"  placeholder="PRENOM" required /><br><br>
     
        <input id="courriel" type="text"  placeholder="courriel" required /> <input id="Tel" type="text" placeholder="Telephone" required /><br><br>
     
    	<input id="rue" type="text"  placeholder="Rue" required /> <input id="Numero" type="text"  placeholder="Numero de maison" /><br><br>
     
        <input id="CodePostal" type="text"  placeholder="code Postal" required /> <input id="Ville" type="text"  placeholder="Ville" required /><br><br>
     
        <input type="text"  placeholder="entreprise" required /> <input id="motdepasse" type="text"  placeholder="Mot de passe"  required /></p>
     
     <input type="radio" name="question0" id="reponse0a" >
     
       <li><input type="submit"  value="Commencer le Test"  onsubmit="return valide()"; /></li>
     
      </div>
    </form>
    la vérification des zones de texte est faites mais quand j'appelle avec onsubmit la fonction valide(), les zones de textes s'effacent alors que je voudrais les conservées. j'ai essayé onclick sans plus de résultat
    noter pour ceux qui sont allergique aux banière périmées que j'ai viré<center> et rediger un css finalement sans trop de problème mais là je coince
    merci pour votre aide

  2. #2
    Membre averti
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Mars 2014
    Messages
    219
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2014
    Messages : 219
    Points : 336
    Points
    336
    Par défaut
    Bonjour,

    Dans l'autre sens peut-être : récupérer les valeurs une fois l'action submit effectuée ?
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    <form name = "inscription" method="POST" action="traitement.php">
        <input type="texte" id="champ1" value="<?php if (isset($_POST['champ1'])){echo $_POST['champ1'];} ?>" />   
        <input type="submit" value="Commencer le Test" />
    </form>

    Il serait aussi intéressant de voir ta fonction valide()

    Cordialement.
    Si débugger est l'art de corriger les bugs, alors programmer est l'art d'en créer.

  3. #3
    Modérateur
    Avatar de ProgElecT
    Homme Profil pro
    Retraité
    Inscrit en
    Décembre 2004
    Messages
    6 077
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 68
    Localisation : France, Haute Savoie (Rhône Alpes)

    Informations professionnelles :
    Activité : Retraité
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Décembre 2004
    Messages : 6 077
    Points : 17 180
    Points
    17 180
    Par défaut
    Salut

    Hors mis l'effacement, pour récupérer tous tes inputs dans la variable tableau $_POST[], il faut que tous tes inputs aient un attribut name, pour l'instant tu ne peux que récupérer $_POST['champ1'] et $_POST['question0'].
    Soyez sympa, pensez -y
    Balises[CODE]...[/CODE]
    Balises[CODE=NomDuLangage]...[/CODE] quand vous mettez du code d'un autre langage que celui du forum ou vous postez.
    Balises[C]...[/C] code intégré dans une phrase.
    Balises[C=NomDuLangage]...[/C] code intégré dans une phrase quand vous mettez du code d'un autre langage que celui du forum ou vous postez.
    Le bouton en fin de discussion, quand vous avez obtenu l'aide attendue.
    ......... et pourquoi pas, pour remercier, un pour celui/ceux qui vous ont dépannés.
    👉 → → Ma page perso sur DVP ← ← 👈

  4. #4
    Membre extrêmement actif
    Homme Profil pro
    Administrateur de base de données
    Inscrit en
    Avril 2018
    Messages
    537
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Administrateur de base de données

    Informations forums :
    Inscription : Avril 2018
    Messages : 537
    Points : 634
    Points
    634
    Par défaut
    Bonjour

    La question est plutôt quel est le code javascript utilisé pour récupérer le formulaire?
    (Ce qui doit expliquer le manque d'attribut name)

    Et quel est celui utilisé pour que les champs soient "enregistrés"?
    Ah oui y a plus la balise <center> !

  5. #5
    Membre régulier
    Homme Profil pro
    Enseignant
    Inscrit en
    Juin 2012
    Messages
    317
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Enseignant
    Secteur : Enseignement

    Informations forums :
    Inscription : Juin 2012
    Messages : 317
    Points : 101
    Points
    101
    Par défaut
    en fait pour le moment je ne veux pas utiliser de php car je n'y connais absolument rien. j'avais pensé remplir les champs d'inscription, puis passé au questions du QCU, enregistrer dans un tableau si la réponse est bonne ou mauvaise, mettre un bouton poster au bas du tableau qui ouvrirait le logiciel de messagerie par défaut, écrirait les champs précédemment remplis ainsi que le tableau et envoyer tout ça à une adresse définie...
    peu être que je ne suis pas sur le bon chemin car c'est la première fois que j'essais de créer une petite appli javascript. Bien sur le javascript est plein inconvénients mais les ordinateurs utilisés pour réalisés le qcm ne devraient pas posés de problème

    pour ce qui est du bouton submit, je viens de m’apercevoir que si ja clique 2 fois ça lance le script, champ remplis comme vide...
    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
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    <script type="text/javascript">
    document.getElementById("reponse0a").style.display = "none";
    var questionEnCour = 0; 
     
     
     
    var maintenant=new Date();
    var jour=maintenant.getDate();
    var mois=maintenant.getMonth()+1;
    var an=maintenant.getFullYear();
     
    document.forms["DateM"].elements["element1"].value=(jour);
    document.forms["DateM"].elements["element2"].value=(mois);
    document.forms["DateM"].elements["element3"].value=(an);
     
            var tableauDesReponses = [
     
    		//le tableau ci dessous renvoit bien les réponses
    				["reponse0a", "Vous allez commencer le QCU, 4 réponses, un seul choix possible et quarante questions"],
                    ["reponse1b", "la bonne réponse est 0,10 km"], 
                    ["reponse2b", "la bonne réponse est 100 hm"], 
                    ["reponse3c", "la bonne réponse est 1 hectare"],
    				["reponse4b", "la bonne réponse est 10 000 litres"],
    				["reponse5c", "la bonne réponse est 10 mililitres"],
    				["reponse6b", "la bonne réponse est 10 quintaux"],
    				["reponse7b", "la bonne réponse est 1 000 tonnes"],
    				["reponse8b", "la bonne réponse est 90 degrés"],
    				["reponse9c", "la bonne réponse est 360 degrés"],
    				["reponse10b", "la bonne réponse est 2,415 heures"],
    				["reponse11b", "la bonne réponse est 0,5 min"],
    				["reponse12c", "la bonne réponse est 200 m²"],
    				["reponse13c", "la bonne réponse est 28,28 m m²"],
    				["reponse14b", "la bonne réponse est 400 m²"],
    				["reponse15b", "la bonne réponse est 125,66 m"],
    				["reponse16a", "la bonne réponse est 300 m"],
    				["reponse17a", "la bonne réponse est 12 m³"],
    				["reponse18a", "la bonne réponse est 50 m"],
    				["reponse19b", "la bonne réponse est 24 cm"],
    				["reponse20c", "la bonne réponse est 1/50"],
    				["reponse21a", "la bonne réponse est essentiellement planimétrique"],
    				["reponse22a", "la bonne réponse est essentiellement altimétrique"],
    				["reponse23b", "la bonne réponse est par rapport au niveau moyen de la mer méditéranée"],
    				["reponse24b", "la bonne réponse est la lecture arrière"],
    				["reponse25a", "la bonne réponse est 100.40"],
    				["reponse26c", "la bonne réponse est une pelle hydraulique"],
    				["reponse27a", "la bonne réponse est un bouteur"],
    				["reponse28b", "la bonne réponse est un tombereau"],
    				["reponse29a", "la bonne réponse est un finisseur"],
    				["reponse30c", "la bonne réponse est une niveleuse"],
    				["reponse31b", "la bonne réponse est la largeur du godet"],
    				["reponse32a", "la bonne réponse est 10 %"],
    				["reponse33c", "la bonne réponse l'amiante ciment"],
    				["reponse34a", "la bonne réponse la chaux vive"],
    				["reponse35b", "la bonne réponse est 130 °C"],
    				["reponse36b", "la bonne réponse est une couche d'accrochage"],
    				["reponse37a", "la bonne réponse est toutes celles qui sont fournies par l'entreprise"],
    				["reponse38c", "la bonne réponse est 100 m"],
    				["reponse39b", "la bonne réponse est 10 m"],
    				["reponse40a", "la bonne réponse est que l'on a respectées les exigences du client"],
    				["reponse41a", "Le questionnaire est terminé."],
    				];
     
     
     
    document.getElementById("questions" + questionEnCour ).style.display = "block";//affiche bien la première question
     
    if (questionEnCour ===0) 
    {document.getElementById("JeValide").style.display = "none";
    alert(tableauDesReponses[questionEnCour][1]);}
     
    else {document.getElementById("JeValide").style.display = "block";
         document.getElementById("JeValide").addEventListener("click", function("event")ValiderQ();}
     
     
     
                    function ValiderQ() {
                            if (document.getElementById(tableauDesReponses[questionEnCour][0]).checked) {
                                    alert("Bonne réponse");
    								questionSuivante();
                              }
                              else {
                                    alert(tableauDesReponses[questionEnCour][1]);
     
                            questionSuivante();}
     
                    }
     
     
     
                   function questionSuivante() {
     
                                    document.getElementById("questions" + questionEnCour).style.display = "none";
                                    questionEnCour++; //on passe à la question suivante
                                    document.getElementById("questions" + questionEnCour).style.display = "block";
                            }
     
              </script>
    pour le moment les scripts ne traitent pas l'envoi des résultats car je suis toujours bloquer sur le bouton submit qui efface les champs sans appeler le script

  6. #6
    Membre extrêmement actif
    Homme Profil pro
    Administrateur de base de données
    Inscrit en
    Avril 2018
    Messages
    537
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Administrateur de base de données

    Informations forums :
    Inscription : Avril 2018
    Messages : 537
    Points : 634
    Points
    634
    Par défaut
    Le script s'arrete a ce moment

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.forms["DateM"].elements["element1"].value=(jour);

  7. #7
    Membre régulier
    Homme Profil pro
    Enseignant
    Inscrit en
    Juin 2012
    Messages
    317
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Enseignant
    Secteur : Enseignement

    Informations forums :
    Inscription : Juin 2012
    Messages : 317
    Points : 101
    Points
    101
    Par défaut
    pourtant la date complète est bien écrite sur la page, pour une fois que j'avais trouver quelque chose qui fonctionnait
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <li><input type="submit"  value="Commencer le Test"  onsubmit="return questionSuivante()"; /></li>
    sinon j'ai remplacé la fonction appelée car je n'ai pas besoin des résultat pour la première question, mais aucun effet

  8. #8
    Membre régulier
    Homme Profil pro
    Enseignant
    Inscrit en
    Juin 2012
    Messages
    317
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Enseignant
    Secteur : Enseignement

    Informations forums :
    Inscription : Juin 2012
    Messages : 317
    Points : 101
    Points
    101
    Par défaut
    en javascript l'action passe tout le script en revue de bas en haut et exécute ce qu'elle trouve, se qui expliquerait les mystères ou comme en VB.net ça ne tient compte que de la fonction appelée?
    je ne sais pas exécuter le script ligne à ligne juste isolé les lignes qui font planté le script. Peu t on utiliser visual studio pour peu être faire tourner la page ligne par ligne ?

  9. #9
    Membre extrêmement actif
    Homme Profil pro
    Administrateur de base de données
    Inscrit en
    Avril 2018
    Messages
    537
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Administrateur de base de données

    Informations forums :
    Inscription : Avril 2018
    Messages : 537
    Points : 634
    Points
    634
    Par défaut
    Aucun form ne s'appelle comme ca dans le html que tu as montré?
    Il n'y a pas de parenthese avant et apres jour
    Je ne sais pas si visual studio peut faire ce que tu cherches

  10. #10
    Membre régulier
    Homme Profil pro
    Enseignant
    Inscrit en
    Juin 2012
    Messages
    317
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Enseignant
    Secteur : Enseignement

    Informations forums :
    Inscription : Juin 2012
    Messages : 317
    Points : 101
    Points
    101
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    document.forms["DateM"].elements["element1"].value=(jour);
    document.forms["DateM"].elements["element2"].value=(mois);
    document.forms["DateM"].elements["element3"].value=(an);
    ce code correspond au HTML
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
     <li><input type="text"  name="element1" readonly="readonly"style="width:30px" /> <input type="text" name="element2" readonly="readonly" style="width:30px" /> <input type="text" name="element3" readonly="readonly" style="width:60px" /></li>
    ça fonctionne trés bien mais je vais essayé aussi sans parenthèse

  11. #11
    Membre régulier
    Homme Profil pro
    Enseignant
    Inscrit en
    Juin 2012
    Messages
    317
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Enseignant
    Secteur : Enseignement

    Informations forums :
    Inscription : Juin 2012
    Messages : 317
    Points : 101
    Points
    101
    Par défaut
    maintenant, sans les parenthèses à date, jour et an, lorsque les champs sont remplis un clique sur le bouton m'affiche le message , "Vous allez commencer le QCU, 4 réponses, un seul choix possible et quarante questions"
    mais aucune autre action n'est exécutée
    il me manque la touche f8 de vba pour faire tourner le code

  12. #12
    Membre extrêmement actif
    Homme Profil pro
    Administrateur de base de données
    Inscrit en
    Avril 2018
    Messages
    537
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Administrateur de base de données

    Informations forums :
    Inscription : Avril 2018
    Messages : 537
    Points : 634
    Points
    634
    Par défaut
    le form s'appelle DateM?

    C'est quoi le code html du form avec les questions

  13. #13
    Membre régulier
    Homme Profil pro
    Enseignant
    Inscrit en
    Juin 2012
    Messages
    317
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Enseignant
    Secteur : Enseignement

    Informations forums :
    Inscription : Juin 2012
    Messages : 317
    Points : 101
    Points
    101
    Par défaut
    voci tout le code html de l'appli mais pour le moment je suis bloqué sur la question0, elle s'affiche bien mais le bouton sumit ne fonctionne pas correctement
    Code html : 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
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    111
    112
    113
    114
    115
    116
    117
    118
    119
    120
    121
    122
    123
    124
    125
    126
    127
    128
    129
    130
    131
    132
    133
    134
    135
    136
    137
    138
    139
    140
    141
    142
    143
    144
    145
    146
    147
    148
    149
    150
    151
    152
    153
    154
    155
    156
    157
    158
    159
    160
    161
    162
    163
    164
    165
    166
    167
    168
    169
    170
    171
    172
    173
    174
    175
    176
    177
    178
    179
    180
    181
    182
    183
    184
    185
    186
    187
    188
    189
    190
    191
    192
    193
    194
    195
    196
    197
    198
    199
    200
    201
    202
    203
    204
    205
    206
    207
    208
    209
    210
    211
    212
    213
    214
    215
    216
    217
    218
    219
    220
    221
    222
    223
    224
    225
    226
    227
    228
    229
    230
    231
    232
    233
    234
    235
    236
    237
    238
    239
    240
    241
    242
    243
    244
    245
    246
    247
    248
    249
    250
    251
    252
    253
    254
    255
    256
    257
    258
    259
    260
    261
    262
    263
    264
    265
    266
    267
    268
    269
    270
    271
    272
    273
    274
    275
    276
    277
    278
    279
    280
    281
    282
    283
    284
    285
    286
    287
    288
    289
    290
    291
    292
    293
    294
    295
    296
    297
    298
    299
    300
    301
    302
    303
    304
    305
    306
    307
    308
    309
    310
    311
    312
    313
    314
    315
    316
    317
    318
    319
    320
    321
    322
    323
    324
    325
    326
    327
    328
    329
    330
    331
    332
    333
    334
    335
    336
    337
    338
    339
    340
    341
    342
    343
    344
    345
    346
    347
    348
    349
    350
    351
    352
    353
    354
    355
    356
    357
    358
    359
    360
    361
    362
    363
    364
    365
    366
    367
    368
    369
    370
    371
    372
    373
    374
    375
    376
    377
    378
    379
    380
    381
    382
    383
    384
    385
    386
    387
    388
    389
    390
    391
    392
    393
    394
    395
    396
    397
    398
    399
    400
    401
    402
    403
    404
    405
    406
    407
    408
    409
    410
    411
    412
    413
    414
    415
    416
    417
    418
    419
    420
    421
    422
    423
    424
    425
    426
    427
    428
    429
    430
    431
    432
    433
    434
    435
    436
    437
    438
    439
    440
    441
    442
    443
    444
    445
    446
    447
    448
    449
    450
    451
    452
    453
    454
    455
    456
    457
    458
    459
    460
    461
    462
    463
    464
    465
    466
    467
    468
    469
    470
    471
    472
    473
    474
    475
    476
    477
    478
    479
    480
    481
    482
    483
    484
    485
    486
    487
    488
    489
    490
    491
    492
    493
    494
    495
    496
    497
    498
    499
    500
    501
    502
    503
    504
    505
    506
    507
    508
    509
    510
    511
    512
    513
    514
    515
    516
    517
    518
    519
    520
    521
    522
    523
    524
    525
    526
    527
    528
    529
    530
    531
    532
    533
    534
    535
    536
    537
    538
    539
    540
    541
    542
    543
    544
    545
    546
    547
    548
    549
    550
    551
    552
    553
    554
    555
    556
    557
    558
    559
    560
    561
    562
    563
    564
    565
    566
    567
    568
    569
    570
    571
    572
    573
    574
    575
    576
    577
    578
    579
    580
    581
    582
    583
    584
    585
    586
    587
    588
    589
    590
    591
    592
    593
    594
    595
    596
    597
    598
    599
    600
    601
    602
    603
    604
    605
    606
    607
    608
    609
    610
    611
    612
    613
    614
    615
    616
    617
    618
    619
    620
     
    <body>
      <form name="DateM">
    <div class="debut" id="com">
     <img src="logo.jpg" width="267" height="100">
     <h2>Test chef d’équipe TP</h2>
     <li><input type="text"  name="element1" readonly="readonly"style="width:30px" /> <input type="text" name="element2" readonly="readonly" style="width:30px" /> <input type="text" name="element3" readonly="readonly" style="width:60px" /></li>
       </div>
     </form>
     
     <form name="inscription">
      <div class="qcm" id="questions0">
     
        <p> <input id="NomDeFamille" type="text" name="champ1" placeholder="NOM DE FAMILLE" required /> <input id="Prenom" type="text"  placeholder="PRENOM" required /><br><br>
     
        <input id="courriel" type="text"  placeholder="courriel" required /> <input id="Tel" type="text" placeholder="Telephone" required /><br><br>
     
    	<input id="rue" type="text"  placeholder="Rue" required /> <input id="Numero" type="text"  placeholder="Numero de maison" /><br><br>
     
        <input id="CodePostal" type="text"  placeholder="code Postal" required /> <input id="Ville" type="text"  placeholder="Ville" required /><br><br>
     
        <input type="text"  placeholder="entreprise" required /> <input id="motdepasse" type="text"  placeholder="Mot de passe"  required /></p>
     
     <input type="radio" name="question0" id="reponse0a" >
     
       <li><input type="submit"  value="Commencer le Test"  onsubmit="return questionSuivante()"; /></li>
     
      </div>
    </form>
     
      <div class="qcm" id="questions1">
     
        <h1>10 m sont équivalent à ?</h1>
        <p><input type="radio" name="question0" id="reponse1a" >0,10 kilométres</p>
        <p><input type="radio" name="question0" id="reponse1b" >0,01 kilométres</p>
        <p><input type="radio" name="question0" id="reponse1c" >100 centimétres</p>
        <p><input type="radio" name="question0" id="reponse1d" >Je ne sais pas !</p>
      </div>
     
      <div class="qcm" id="questions2">
     
        <h1>10 km sont équivalent à ?</h1>
        <p><input type="radio" name="question1" id="reponse2a" >1000 métres</p>
        <p><input type="radio" name="question1" id="reponse2b" >100 hectométres</p>
        <p><input type="radio" name="question1" id="reponse2c" >100 décamétres</p>
        <p><input type="radio" name="question1" id="reponse2d" >Je ne sais pas !</p>
      </div>
     
      <div class="qcm" id="questions3">
     
        <h1>10 000 m² sont équivalent à ?</h1>
        <p><input type="radio" name="question2" id="reponse3a" >10 hectares</p>
        <p><input type="radio" name="question2" id="reponse3b" >100 ares</p>
        <p><input type="radio" name="question2" id="reponse3c" >1 hectares</p>
        <p><input type="radio" name="question2" id="reponse3d" >Je ne sais pas !</p>
      </div>
     
      <div class="qcm" id="questions4">
     
        <h1>10 m³ sont équivalent à ?</h1>
        <p><input type="radio" name="question3" id="reponse4a" >1000 décimétres-cube</p>
        <p><input type="radio" name="question3" id="reponse4b" >10 000 litres</p>
        <p><input type="radio" name="question3" id="reponse4c" >1 000 litres</p>
        <p><input type="radio" name="question3" id="reponse4d" >Je ne sais pas !</p>
      </div>
     
      <div class="qcm" id="questions5">
     
        <h1> 10 cm³ sont équivalent à ?</h1>
        <p><input type="radio" name="question4" id="reponse5a" >10 centilitres</p>
        <p><input type="radio" name="question4" id="reponse5b" >100 mililitres</p>
        <p><input type="radio" name="question4" id="reponse5c" >10 mililitres</p>
        <p><input type="radio" name="question4" id="reponse5d" >Je ne sais pas !</p>
      </div>
     
      <div class="qcm" id="questions6">
     
        <h1> 100 kg sont équivalent à ?</h1>
        <p><input type="radio" name="question5" id="reponse6a" >1 tonne</p>
        <p><input type="radio" name="question5" id="reponse6b" >10 quintaux</p>
        <p><input type="radio" name="question5" id="reponse6c" >0.01 tonne </p>
        <p><input type="radio" name="question5" id="reponse6d" >Je ne sais pas !</p>
      </div>
     
      <div class="qcm" id="questions7">
     
        <h1>1 gigatonne est équivalente à ?</h1>
     
     
        <img src="bombe.jpg" class="flotte" title="Explosion" >
        <br><p><input type="radio" name="question6" id="reponse7a" >100 tonnes</p>
        <p><input type="radio" name="question6" id="reponse7b" >1 000 tonnes</p>
        <p><input type="radio" name="question6" id="reponse7c" >10 000 tonnes </p>
        <p><input type="radio" name="question6" id="reponse7d" >Je ne sais pas !</p>
      </div>
     
      <div class="qcm" id="questions8">
     
        <h1>100 grades sont équivalent à ?</h1>
        <p><input type="radio" name="question7" id="reponse8a" >100 degrés</p>
        <p><input type="radio" name="question7" id="reponse8b" >90 degrés</p>
        <p><input type="radio" name="question7" id="reponse8c" >45 degrés </p>
        <p><input type="radio" name="question7" id="reponse8d" >Je ne sais pas !</p>
      </div>
     
      <div class="qcm" id="questions9">
     
        <h1>400 grades sont équivalent à ?</h1>
        <img src="rapporteur.gif" class="flotte" title="comparateur" >
        <br><p><input type="radio" name="question8" id="reponse9a" >180 degrés</p>
        <p><input type="radio" name="question8" id="reponse9b" >260 degrés</p>
        <p><input type="radio" name="question8" id="reponse9c" >360 degrés </p>
        <p><input type="radio" name="question8" id="reponse9d" >Je ne sais pas !</p>
      </div>
     
      <div class="qcm" id="questions10">
     
        <h1>2 h 24 min 54 sec représentent?</h1>
        <img src="horloge.gif" class="flotte" title="horloge"><
        <br><p><input type="radio" name="question9" id="reponse10a" >2,780 heures</p>
        <p><input type="radio" name="question9" id="reponse10b" >2,415 heures</p>
        <p><input type="radio" name="question9" id="reponse10c" >2,2454 heures</p>
        <p><input type="radio" name="question9" id="reponse10d" >Je ne sais pas !</p>
      </div>
     
      <div class="qcm" id="questions11">
     
        <h1>30 sec représentent?</h1>
        <p><input type="radio" name="question10" id="reponse11a" >0,30 min</p>
        <p><input type="radio" name="question10" id="reponse11b" >0,50 min</p>
        <p><input type="radio" name="question10" id="reponse11c" >1/2 heures</p>
        <p><input type="radio" name="question10" id="reponse11d" >Je ne sais pas !</p>
      </div>
     
      <div class="qcm" id="questions12">
     
        <h1>Quelle est la surface du triangle ?</h1>
        <img src="triangle.jpg" class="flotte" title="Triangle" >
        <br><p><input type="radio" name="question11" id="reponse12a" >40 m²</p>
        <p><input type="radio" name="question11" id="reponse12b" >400 m²</p>
        <p><input type="radio" name="question11" id="reponse12c" >200 m²</p>
        <p><input type="radio" name="question11" id="reponse12d" >Je ne sais pas !</p>
      </div>
     
      <div class="qcm" id="questions13">
     
        <h1>Quelle est la longueur de l'hypotènuse du triangle ?</h1>
        <img src="triangle.jpg" class="flotte" title="pytagore" >
        <br><p><input type="radio" name="question12" id="reponse13a" >30 m</p>
        <p><input type="radio" name="question12" id="reponse13b" >40 m</p>
        <p><input type="radio" name="question12" id="reponse13c" >28.28 m</p>
        <p><input type="radio" name="question12" id="reponse13d" >Je ne sais pas !</p>
      </div>
     
      <div class="qcm" id="questions14">
     
        <h1>Quelle est la surface du Cercle ?</h1>
        <img src="cercle.jpg" class="flotte" title="cercle">
        <br><p><input type="radio" name="question13" id="reponse14a" >40 m²</p>
        <p><input type="radio" name="question13" id="reponse14b" >400 m²</p>
        <p><input type="radio" name="question13" id="reponse14c" >200 m²</p>
        <p><input type="radio" name="question13" id="reponse14d" >Je ne sais pas !</p>
      </div>
     
      <div class="qcm" id="questions15">
     
        <h1>Quelle est la longueur du périmétre du cercle ?</h1>
        <img src="cercle.jpg" class="flotte" title="périmètre">
        <br><p><input type="radio" name="question14" id="reponse15a" >400 m</p>
        <p><input type="radio" name="question14" id="reponse15b" >125,66 m</p>
        <p><input type="radio" name="question14" id="reponse15c" >200 m</p>
        <p><input type="radio" name="question14" id="reponse15d" >Je ne sais pas !</p>
      </div>
     
      <div class="qcm" id="questions16">
     
        <h1>Quelle est la surface du Trapèze ?</h1>
        <img src="trapeze.jpg" class="flotte" title="trapèze" >
        <br><p><input type="radio" name="question15" id="reponse16a" >300 m²</p>
        <p><input type="radio" name="question15" id="reponse16b" >400 m²</p>
        <p><input type="radio" name="question15" id="reponse16c" >200 m²</p>
        <p><input type="radio" name="question15" id="reponse16d" >Je ne sais pas !</p>
      </div>
     
      <div class="qcm" id="questions17">
     
        <h1>Quelle est le volume de la pièce ?</h1>
        <img src="cube.jpg" class="flotte" title="piece">
        <br><p><input type="radio" name="question16" id="reponse17a" >12 m³</p>
        <p><input type="radio" name="question16" id="reponse17b" >120 m³</p>
        <p><input type="radio" name="question16" id="reponse17c" >1 200 m³</p>
        <p><input type="radio" name="question16" id="reponse17d" >Je ne sais pas !</p>
      </div>
     
      <div class="qcm" id="questions18">
     
        <h1>25 cm mesurer sur un plan à l'échelle 1/200 représente sur le terrain ?</h1>
        <p><input type="radio" name="question17" id="reponse18a" >50 m</p>
        <p><input type="radio" name="question17" id="reponse18b" >25 m</p>
        <p><input type="radio" name="question17" id="reponse18c" >20 m</p>
        <p><input type="radio" name="question17" id="reponse18d" >Je ne sais pas !</p>
      </div>
     
      <div class="qcm" id="questions19">
     
        <h1>60 m sur le terrain mesurent sur un plan à l'échelle 1/250 ?</h1>
        <p><input type="radio" name="question18" id="reponse19a" >60 cm</p>
        <p><input type="radio" name="question18" id="reponse19b" >24 cm</p>
        <p><input type="radio" name="question18" id="reponse19c" >25 cm</p>
        <p><input type="radio" name="question18" id="reponse19d" >Je ne sais pas !</p>
      </div>
     
      <div class="qcm" id="questions20">
     
        <h1>sur une feuille A4 "210mx297mm" à quelle échelle pouvez-vous tracer 12 m mesurer sur le terrain ?</h1>
        <p><input type="radio" name="question19" id="reponse20a" >1/20</p>
        <p><input type="radio" name="question19" id="reponse20b" >1/10</p>
        <p><input type="radio" name="question19" id="reponse20c" >1/50</p>
        <p><input type="radio" name="question19" id="reponse20d" >Je ne sais pas !</p>
      </div>
     
      <div class="qcm" id="questions21">
     
        <h1>Le plan général est un plan essentiellement ?</h1>
        <p><input type="radio" name="question20" id="reponse21a" >planimétrique</p>
        <p><input type="radio" name="question20" id="reponse21b" >altimétrique</p>
        <p><input type="radio" name="question20" id="reponse21c" >ni l'un ni l'autre</p>
        <p><input type="radio" name="question20" id="reponse21d" >Je ne sais pas !</p>
      </div>
     
      <div class="qcm" id="questions22">
     
        <h1>Le profil en long est un plan essentiellement ?</h1>
        <p><input type="radio" name="question21" id="reponse22a" >planimétrique</p>
        <p><input type="radio" name="question21" id="reponse22b" >altimétrique</p>
        <p><input type="radio" name="question21" id="reponse22c" >ni l'un ni l'autre</p>
        <p><input type="radio" name="question21" id="reponse22d" >Je ne sais pas !</p>
      </div>
     
      <div class="qcm" id="questions23">
     
        <h1>l'altitude d'un point NGF est mesurer par rapport ?</h1>
        <img src="ref.jpg" class="flotte" title="ngf">
        <br><p><input type="radio" name="question22" id="reponse23a" >au niveau moyen de la ville de Paris</p>
        <p><input type="radio" name="question22" id="reponse23b" >au niveau moyen de la mer méditéranée</p>
        <p><input type="radio" name="question22" id="reponse23c" >au seuil du bâtiment le plus proche</p>
        <p><input type="radio" name="question22" id="reponse23d" >Je ne sais pas !</p>
      </div>
     
      <div class="qcm" id="questions24">
     
        <h1>en nivellement la lecture sur le point de référence s'appelle ?</h1>
        <img src="ar.jpg" class="flotte" title="lecturear" >
       <br> <p><input type="radio" name="question23" id="reponse24a" >la côte bleu</p>
        <p><input type="radio" name="question23" id="reponse24b" >la lecture avant</p>
        <p><input type="radio" name="question23" id="reponse24c" >la lecture arrière</p>
        <p><input type="radio" name="question23" id="reponse24d" >Je ne sais pas !</p>
      </div>
     
      <div class="qcm" id="questions25">
     
        <h1>Quelle est l'altitude du point 1 ?</h1>
        <img src="Z1.jpg" class="flotte" title="Altitude">
        <br><p><input type="radio" name="question24" id="reponse25a" >100.40</p>
        <p><input type="radio" name="question24" id="reponse25b" >104.00</p>
        <p><input type="radio" name="question24" id="reponse25c" >102.00</p>
        <p><input type="radio" name="question24" id="reponse25d" >Je ne sais pas !</p>
      </div>
     
      <div class="qcm" id="questions26">
     
        <h1>Cet engin est ?</h1>
        <img src="pelle.jpg" class="flotte" title="engin" >
        <br><p><input type="radio" name="question25" id="reponse26a" >un bulldozer</p>
        <p><input type="radio" name="question25" id="reponse26b" >un tractopelle</p>
        <p><input type="radio" name="question25" id="reponse26c" >une pelle hydraulique</p>
        <p><input type="radio" name="question25" id="reponse26d" >Je ne sais pas !</p>
      </div>
     
      <div class="qcm" id="questions27">
     
        <h1>Cet engin est ?</h1>
        <img src="bouteur.jpg" class="flotte" title="engin1" >
        <br><p><input type="radio" name="question26" id="reponse27a" >un bouteur</p>
        <p><input type="radio" name="question26" id="reponse27b" >un tractopelle</p>
        <p><input type="radio" name="question26" id="reponse27c" >une décapeuse</p>
        <p><input type="radio" name="question26" id="reponse27d" >Je ne sais pas !</p>
      </div>
     
      <div class="qcm" id="questions28">
     
        <h1>Cet engin est ?</h1>
        <img src="tombereau.jpg" class="flotte" title="engin2">
        <br><p><input type="radio" name="question27" id="reponse28a" >un bulldozer</p>
        <p><input type="radio" name="question27" id="reponse28b" >un tombereau</p>
        <p><input type="radio" name="question27" id="reponse28c" >une camion</p>
        <p><input type="radio" name="question27" id="reponse28d" >Je ne sais pas !</p>
      </div>
     
      <div class="qcm" id="questions29">
     
        <h1>Cet engin est ?</h1>
        <img src="finisseur.jpg" class="flotte" title="engin3">
        <br><p><input type="radio" name="question28" id="reponse29a" >un finisseur</p>
        <p><input type="radio" name="question28" id="reponse29b" >un buldozer</p>
        <p><input type="radio" name="question28" id="reponse29c" >un dumper</p>
        <p><input type="radio" name="question28" id="reponse29d" >Je ne sais pas !</p>
      </div>
     
      <div class="qcm" id="questions30">
     
        <h1>Cet engin est ?</h1>
        <img src="niveleuse.jpg" class="flotte" title="engin4" >
        <br><p><input type="radio" name="question29" id="reponse30a" >un finisseur</p>
        <p><input type="radio" name="question29" id="reponse30b" >un buldozer</p>
        <p><input type="radio" name="question29" id="reponse30c" >une niveleuse</p>
        <p><input type="radio" name="question29" id="reponse30d" >Je ne sais pas !</p>
      </div>
     
      <div class="qcm" id="questions31">
     
        <h1>En assainissement, quel élément n'entre pas en compte dans le calcul de la largeur d'une tranchée ?</h1>
        <img src="tranchée.jpg" class="flotte" title="sécu" >
        <br><p><input type="radio" name="question30" id="reponse31a" >la profondeur de la fouille</p>
        <p><input type="radio" name="question30" id="reponse31b" >la largeur du godet</p>
        <p><input type="radio" name="question30" id="reponse31c" >le diamètre extérieur du tuyau</p>
        <p><input type="radio" name="question30" id="reponse31d" >Je ne sais pas !</p>
      </div>
     
      <div class="qcm" id="questions32">
     
        <h1>En assainissement, quelle est la pente maximum autorisée pour une canalisation ?</h1>
        <p><input type="radio" name="question31" id="reponse32a" >10 %</p>
        <p><input type="radio" name="question31" id="reponse32b" >5 %</p>
        <p><input type="radio" name="question31" id="reponse32c" >15 %</p>
        <p><input type="radio" name="question31" id="reponse32d" >Je ne sais pas !</p>
      </div>
     
      <div class="qcm" id="questions33">
     
        <h1>En assainissement, quelle nature de canalisation est interdite d'usage ?</h1>
        <p><input type="radio" name="question32" id="reponse33a" >le grés</p>
        <p><input type="radio" name="question32" id="reponse33b" >le béton non armé</p>
        <p><input type="radio" name="question32" id="reponse33c" >l'amiante ciment</p>
        <p><input type="radio" name="question32" id="reponse33d" >Je ne sais pas !</p>
      </div>
     
      <div class="qcm" id="questions34">
     
        <h1>parmis ces liants, lequel n'est pas un liant hydraulique ?</h1>
        <p><input type="radio" name="question33" id="reponse34a" >la chaux vive</p>
        <p><input type="radio" name="question33" id="reponse34b" >le ciment</p>
        <p><input type="radio" name="question33" id="reponse34c" >la pouzzolane</p>
        <p><input type="radio" name="question33" id="reponse34d" >Je ne sais pas !</p>
      </div>
     
      <div class="qcm" id="questions35">
     
        <h1>Quelle est la température minimum de mise en oeuvre de l'enrobé chaud ?</h1>
        <p><input type="radio" name="question34" id="reponse35a" >150 °C</p>
        <p><input type="radio" name="question34" id="reponse35b" >130 °C</p>
        <p><input type="radio" name="question34" id="reponse35c" >100 °C</p>
        <p><input type="radio" name="question34" id="reponse35d" >Je ne sais pas !</p>
      </div>
     
      <div class="qcm" id="questions36">
     
        <h1>entre 2 couches d'enrobé on doit impérativement appliqué ?</h1>
        <p><input type="radio" name="question35" id="reponse36a" >un enduit de cure</p>
        <p><input type="radio" name="question35" id="reponse36b" >une couche d'accrochage</p>
        <p><input type="radio" name="question35" id="reponse36c" >une imprégnation</p>
        <p><input type="radio" name="question35" id="reponse36d" >Je ne sais pas !</p>
      </div>
     
      <div class="qcm" id="questions37">
     
        <h1>Quelles EPI sont obligatoires sur le chantier?</h1>
        <p><input type="radio" name="question36" id="reponse37a" >toutes celles qui sont fournies par l'entreprise</p>
        <p><input type="radio" name="question36" id="reponse37b" >le casque, le gilet et les chaussures de sécurités</p>
        <p><input type="radio" name="question36" id="reponse37c" >la tenue de travail</p>
        <p><input type="radio" name="question36" id="reponse37d" >Je ne sais pas !</p>
      </div>
     
      <div class="qcm" id="questions38">
     
        <h1>En rase campagne, quelle est la distance à respectée entre les panneaux de signalisation de chantier?</h1>
        <p><input type="radio" name="question37" id="reponse38a" >50 m</p>
        <p><input type="radio" name="question37" id="reponse38b" >150 m</p>
        <p><input type="radio" name="question37" id="reponse38c" >100 m</p>
        <p><input type="radio" name="question37" id="reponse38d" >Je ne sais pas !</p>
      </div>
     
      <div class="qcm" id="questions39">
     
        <h1>En ville, quelle est la distance minimum à respectée entre les panneaux de signalisation de chantier?</h1>
        <p><input type="radio" name="question38" id="reponse39a" >50 m</p>
        <p><input type="radio" name="question38" id="reponse39b" >30 m</p>
        <p><input type="radio" name="question38" id="reponse39c" >10 m</p>
        <p><input type="radio" name="question38" id="reponse39d" >Je ne sais pas !</p>
      </div>
     
      <div class="qcm" id="questions40">
     
        <h1>La qualité sur un chantier signifie ?</h1>
        <p><input type="radio" name="question39" id="reponse40a" >que l'on a respectées les exigences du client</p>
        <p><input type="radio" name="question39" id="reponse40b" >que l'on a réalisé un chantier propre et solide</p>
        <p><input type="radio" name="question39" id="reponse40c" >Que l'on a gagné plus d'argent que prévu </p>
        <p><input type="radio" name="question39" id="reponse40d" >Je ne sais pas !</p>
      </div>
     
      <div class="qcm" id="questions41">
     
        <table cellpadding="0" border="1" bgcolor="white" bordercolor="blue" width="80%">
          <caption> Résultat QCU </caption>
     
          <tr>
          <td id="L1"> 10 m sont équivalent à ?</td>
          <td id="C1"></td>
          </tr>
     
          <tr>
          <td id="L2"> 10 km sont équivalent à ?</td>
          <td id="C2"></td>
          </tr>
     
          <tr>
          <td id="L3"> 10 000 m² sont équivalent à ?</td>
          <td id="C3"></td>
          </tr>
     
          <tr>
          <td id="L4"> 10 m³ sont équivalent à ?</td>
          <td id="C4"></td>
          </tr>
     
          <tr>
          <td id="L5">10 cm³ sont équivalent à ?</td>
          <td id="C5"></td>
          </tr>
     
          <tr>
          <td id="L6"> 10 cm³ sont équivalent à ?</td>
          <td id="C6"></td>
          </tr>
     
          <tr>
          <td id="L7"> 1 gigatonne est équivalente à ?</td>
          <td id="C7"></td>
          </tr>
     
          <tr>
          <td id="L8">100 grades sont équivalent à ?</td>
          <td id="C8"></td>
          </tr>
     
          <tr>
          <td id="L9">400 grades sont équivalent à ?</td>
          <td id="C9"></td>
          </tr>
     
          <tr>
          <td id="L10">2 h 24 min 54 sec représentent ?</td>
          <td id="C10"></td>
          </tr>
     
          <tr>
          <td id="L11">30 sec représentent ?</td>
          <td id="C11"></td>
          </tr>
     
          <tr>
          <td id="L12">Quelle est la surface du triangle ?</td>
          <td id="C12"></td>
          </tr>
     
          <tr>
          <td id="L13">Quelle est la longueur de l'hypotènuse du triangle ?</td>
          <td id="C13"></td>
          </tr>
     
          <tr>
          <td id="L14">Quelle est la surface du Cercle ?</td>
          <td id="C14"></td>
          </tr>
     
          <tr>
          <td id="L15">Quelle est la longueur du périmétre du cercle ?</td>
          <td id="C15"></td>
          </tr>
     
          <tr>
          <td id="L16">Quelle est la surface du Cercle ?</td>
          <td id="C16"></td>
          </tr>
     
          <tr>
          <td id="L17">Quelle est le volume de la pièce ?</td>
          <td id="C17"></td>
          </tr>
     
          <tr>
          <td id="L18">25 cm mesurer sur un plan à l'échelle 1/200 représente sur le terrain ?</td>
          <td id="C18"></td>
          </tr>
     
          <tr>
          <td id="L19">60 m sur le terrain mesurent sur un plan à l'échelle 1/250 ?</td>
          <td id="C19"></td>
          </tr>
     
          <tr>
          <td id="L20">Sur une feuille A4 "210mx297mm" à quelle échelle pouvez-vous tracer 12 m mesurer sur le terrain ?</td>
          <td id="C20"></td>
          </tr>
     
          <tr>
          <td id="L21">Le plan général est un plan essentiellement ?</td>
          <td id="C21"></td>
          </tr>
     
          <tr>
          <td id="L22">Le profil en long est un plan essentiellement ?</td>
          <td id="C22"></td>
          </tr>
     
          <tr>
          <td id="L23">l'altitude d'un point NGF est mesurer par rapport ?</td>
          <td id="C23"></td>
          </tr>
     
          <tr>
          <td id="L24">En nivellement la lecture sur le point de référence s'appelle ?</td>
          <td id="C24"></td>
          </tr>
     
          <tr>
          <td id="L25">Quelle est l'altitude du point 1 ?</td>
          <td id="C25"></td>
          </tr>
     
          <tr>
          <td id="L26">Cet engin est ?</td>
          <td id="C26"></td>
          </tr>
     
          <tr>
          <td id="L27">Cet engin est ?</td>
          <td id="C27"></td>
          </tr>
     
          <tr>
          <td id="L28">Cet engin est ?</td>
          <td id="C28"></td>
          </tr>
     
          <tr>
          <td id="L29">Cet engin est ?</td>
          <td id="C29"></td>
          </tr>
     
          <tr>
          <td id="L30">Cet engin est ?</td>
          <td id="C30"></td>
          </tr>
     
          <tr>
          <td id="L31">En assainissement, quel élément n'entre pas en compte dans le calcul de la largeur d'une tranchée ?</td>
          <td id="C31"></td>
          </tr>
     
          <tr>
          <td id="L32">En assainissement, quelle est la pente maximum autorisée pour une canalisation ?</td>
          <td id="C32"></td>
          </tr>
     
          <tr>
          <td id="L33">En assainissement, quelle nature de canalisation est interdite d'usage ?</td>
          <td id="C33"></td>
          </tr>
     
          <tr>
          <td id="L34">Parmis ces liants, lequel n'est pas un liant hydraulique ?</td>
          <td id="C34"></td>
          </tr>
     
          <tr>
          <td id="L35">Quelle est la température minimum de mise en oeuvre de l'enrobé chaud ?</td>
          <td id="C35"></td>
          </tr>
     
          <tr>
          <td id="L36">Entre 2 couches d'enrobé on doit impérativement appliqué ?</td>
          <td id="C36"></td>
          </tr>
     
          <tr>
          <td id="L37">Quelles EPI sont obligatoires sur le chantier ?</td>
          <td id="C37"></td>
          </tr>
     
          <tr>
          <td id="L38">En rase campagne, quelle est la distance à respectée entre les panneaux de signalisation de chantier ?</td>
          <td id="C38"></td>
          </tr>
     
          <tr>
          <td id="L39">En ville, quelle est la distance minimum à respectée entre les panneaux de signalisation de chantier ?</td>
          <td id="C39"></td>
          </tr>
     
          <tr>
          <td id="L40">La qualité sur un chantier signifie ?</td>
          <td id="C40"></td>
          </tr>
     
        </table>
     
      </div>
     
    <li><img src="Valider.png" type="imageJeValide"  Id="JeValide" style="cursor:pointer ;" /></li>]

  14. #14
    Membre extrêmement actif
    Homme Profil pro
    Administrateur de base de données
    Inscrit en
    Avril 2018
    Messages
    537
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Administrateur de base de données

    Informations forums :
    Inscription : Avril 2018
    Messages : 537
    Points : 634
    Points
    634
    Par défaut
    il est ou le bouton et son script?

  15. #15
    Membre régulier
    Homme Profil pro
    Enseignant
    Inscrit en
    Juin 2012
    Messages
    317
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Enseignant
    Secteur : Enseignement

    Informations forums :
    Inscription : Juin 2012
    Messages : 317
    Points : 101
    Points
    101
    Par défaut
    le bouton de la question0, pour les autres questions j'utilise une image qui est masquée tant que la première question n'est pas validé, pour cela j'utilise la valeur de la variable questioEnCour
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <li><input type="submit"  value="Commencer le Test"  onsubmit="return questionSuivante()"; /></li>

    le bouton devrait faire appelle à cette fonction et passé à la question suivante
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    function questionSuivante() {
     
                                    document.getElementById("questions" + questionEnCour).style.display = "none";
                                    questionEnCour++; //on passe à la question suivante
                                    document.getElementById("questions" + questionEnCour).style.display = "block";
                            }
    mais mise à part le messageet l'effacement des données du form inscription rien ne se passe

  16. #16
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    16 957
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 16 957
    Points : 44 121
    Points
    44 121
    Par défaut
    Bonjour,
    @bonjourajax :
    Le script s'arrete a ce moment
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.forms["DateM"].elements["element1"].value=(jour);
    Non que nenni !!! une paires de parenthèses, même si non nécessaire ici, représente un opérateur de groupement et n'empêcheront pas le script de fonctionner.

    @dmoluc : ce que tu rencontres est le comportement normal d'un formulaire lorsque l'on appui sur un bouton submit, la page est rechargée donc les champs « resettés » .
    Si tu ne veux rien soumettre, si j'ai plus ou moins saisie ce que tu cherches à faire, supprime ton formulaire

  17. #17
    Membre régulier
    Homme Profil pro
    Enseignant
    Inscrit en
    Juin 2012
    Messages
    317
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Enseignant
    Secteur : Enseignement

    Informations forums :
    Inscription : Juin 2012
    Messages : 317
    Points : 101
    Points
    101
    Par défaut
    je vais essayer autrement car je veux garder les données saisies pour plus tard, alors je vais bidouiller un bouton classique et vérifier les zones de texte avec des si

  18. #18
    Membre régulier
    Homme Profil pro
    Enseignant
    Inscrit en
    Juin 2012
    Messages
    317
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Enseignant
    Secteur : Enseignement

    Informations forums :
    Inscription : Juin 2012
    Messages : 317
    Points : 101
    Points
    101
    Par défaut
    super avec un button et onclick ça marche, il ne me reste plus qu'à rédiger le script de vérification

  19. #19
    Membre extrêmement actif
    Homme Profil pro
    Administrateur de base de données
    Inscrit en
    Avril 2018
    Messages
    537
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Administrateur de base de données

    Informations forums :
    Inscription : Avril 2018
    Messages : 537
    Points : 634
    Points
    634
    Par défaut
    à NoSmoking
    D'acc merci

    à dmoluc:
    c'est vrai que le formulaire en soit n'est pas nécessaire ici
    Tu peux rajouter un <button> ou <input type="button"> avec le onclick = question suivante

    Si tu veux a tout pris le formulaire il faudra voir avec
    event.preventDefault()

  20. #20
    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 637
    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 637
    Points : 66 656
    Points
    66 656
    Billets dans le blog
    1
    Par défaut
    Si tu veux a tout pris le formulaire il faudra voir avec
    event.preventDefault()
    ou un
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
     onsubmit="return false;"
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

+ Répondre à la discussion
Cette discussion est résolue.
Page 1 sur 2 12 DernièreDernière

Discussions similaires

  1. bouton annuler pour effacer les données
    Par majduuus dans le forum ASP.NET
    Réponses: 2
    Dernier message: 02/09/2013, 09h53
  2. Effacer une zone de text par l'intermediaire d'un bouton
    Par claire_cartier dans le forum GTK+ avec C & C++
    Réponses: 25
    Dernier message: 18/04/2007, 15h59
  3. bloquer les zones de textes en écriture
    Par seb59dk dans le forum IHM
    Réponses: 10
    Dernier message: 09/09/2005, 10h15
  4. débloquer les zones de textes pour modif
    Par seb59dk dans le forum IHM
    Réponses: 1
    Dernier message: 09/09/2005, 09h56
  5. [FORMS] Ecrire dans les zones de texte
    Par popov2 dans le forum Oracle
    Réponses: 7
    Dernier message: 17/08/2005, 15h53

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