[Débutant] probleme avec un formulaire

Version imprimable

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:

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.

28/04/2008, 16h13
E.Bzz
Bonjour,

Citation:

Envoyé par isoman

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

problème de quotes :
Code:

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

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:

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

28/04/2008, 16h15
E.Bzz

Citation:

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+
28/04/2008, 16h18
isoman

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

Code:

style="display:block"

et pourquoi faut il éviter le document.write() ?
28/04/2008, 16h39
Barsy

'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).