[Débutant] probleme avec un formulaire

**isoman** · 28/04/2008, 16h03

Salut,
j'ai essayé de mettre dans une seule page 2 formulaires , le deuxième n'est affiché que lrsq le premier est validé (en utilisant du js ). l'affichage du deuxième formulaire ne ce fait pas du tout et quand je remplace la deuxième partie du formulaire par un texte simple firefox l'affiche et la page charge indéfiniment .
Voila le code (et si vous avez d'autres remarques a faire n'hésitez pas :p )

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
<head>
        <title>Notre première instruction : echo</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
         <script> function  afficher_formulaire()
		 {
		   document.write("  <div>
		<label for="titre">Nombre de reponses</label>
		 <select name="nbre_reponse" id="nbre_reponse">
           <option value="2_reponses">2</option>
           <option value="3_reponses">3</option>
           </select>
		   		<p>
       <input type="submit" /> <input type="reset" />
		  </p>
        </form> </div> ");
 
 
		 } </script>
    </head>
    <body>
        <h2>creation d'un quizz</h2>
 
            <p>
              <fieldset>
              <legend> Informartions sur le quizz</legend>
<form action="add_quizz.php" method="post" name="add_quizz">
 
 <label for="titre">Titre</label>
  : <input name="titre" type="text" />
  <label for="difficulte"><br />
  Difficult&eacute;</label> 
   :    <select name="difficulte" id="difficulte">
           <option value="Facile">Facile</option>
           <option value="Moyen">Moyen</option>
           <option value="Difficile">Difficile</option>
       </select>
        <label for="nbre_questions"><br />
  Nombres de questions</label>
 
          <select name="nbre_questions" id="nbre_questions">
            <option value="5">5</option>
            <option value="10">10</option>
            <option value="15">15</option>
            <option value="20">20</option>
             </select>
 
        <p>
 
	 <INPUT type="button" value="Suivant"
onClick=' afficher_formulaire();'>
          <input type="reset" />
 
          <br />
 
          </fieldset>
                </p>
  <p>
  </form>
 
</p>

Merci d'avance.

**E.Bzz** · 28/04/2008, 16h13

Bonjour,

Envoyé par isoman

l'affichage du deuxième formulaire ne ce fait pas du tout

problème de quotes :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
		   document.write("  <div>
		<label for='titre'>Nombre de reponses</label>
		 <select name='nbre_reponse' id='nbre_reponse'>
....

A+

**Barsy** · 28/04/2008, 16h13

alors évite absolument les document.write() (sauf quand on ne peut faire autrement)

c'est ton html qui doit appeler le JavaScript et non l'inverse.

Le mieux à faire dans ton cas, c'est de créer la page normale avec les 2 formulaires dans des <div> et de masquer ou d'afficher les <div>

Exemple

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
 
</script>
function masquerMontrer(monDiv1, monDiv2) {
document.getElementById(monDiv1).style.display = 'none';
document.getElementById(monDiv2).style.display = 'block';
}
</script>
 
<body>
<div id="formlaire1" style="display:block">
<form action="javascript:masquerMontrer(formulaire1, formulaire2)">
...
</form>
</div>
<div id="formlaire2" style="display:block">
<form action="javascript:masquerMontrer(formulaire2, formulaire1)">
...
</form>
</div>

voilà, je pense que ça devrait marcher

**E.Bzz** · 28/04/2008, 16h15

Envoyé par Barsy

Le mieux à faire dans ton cas, c'est de créer la page normale avec les 2 formulaires dans des <div> et de masquer ou d'afficher les <div>

+1
(au delà de la correction ci-dessus)

A+

**isoman** · 28/04/2008, 16h18

Merci pour vos réponses . ça veut dire quoi

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

style="display:block"

et pourquoi faut il éviter le document.write() ?

**Barsy** · 28/04/2008, 16h39

'display:none' signifie que ton élément ne sera pas affiché sur la page et 'display:block' qu'il le sera.

Le fait d'éviter les document.write rend ton code beaucoup plus facile et par là même agréable à lire (par exemple pour nous autres, qui essayont de t'aider... et même pour toi quand dans quelques jours quand tu essayeras de déchiffrer ton oeuvre).

[Débutant] probleme avec un formulaire

JavaScript

Vue hybride

Discussions similaires

Partager

Partager