intégrer 3 formulaires dans une même page [Débutant(e)]

**el_amiral** · 24/04/2007, 18h03

salut,
je suis entreint de réaliser un petit projet en php/Mysql, et je bloc

sur la manière d'integrer 3 formulaires dans une mème page avec un seul boutton qui me renvoie vers une autre page de récupération des valeurs de mes trois formulaires
Si il existe une solution merci de m'informer .

**ozzmax** · 24/04/2007, 18h11

hmm pour récuperer le tout
tu peux faire 1 seul formulaire?
tu aura tout tes champs en $_post non?

**el_amiral** · 24/04/2007, 18h38

oui je sais que je peux récupérer mes variables avec $_post mais le probleme c'est que j'en ai 3 et je veux garder leurs integrité et vu les contraintes de mon projet je dois avoir les 3 séparément.

donc svp si vous avez une idée veillez me la communiquer

**ozzmax** · 24/04/2007, 18h57

tu peux mettre le code de tes formulaire et l'appel de ton bouton submit s'il te plait

**el_amiral** · 24/04/2007, 20h11

voici le 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
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
 
<html xmlns="" xml:lang="fr" lang="fr">
 
<head>
 
		<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
 
		<title>Exemple</title>
 
<style type="text/css">
 
a
 
{
	display: block;
}
 
.cache
 
{
	display: none;
}
.montre
 
{
	display: list-item;
}
 
 
.style1 {
	font-size: larger;
	font-style: italic;
	font-weight: bold;
}
</style><script type="text/javascript">//<![CDATA[
 
function Init(ctrl, id)
 
{
	var oUl = document.getElementById(id);
 
	oUl.className = 'cache';
 
	var oH2 = document.getElementById(ctrl), oA = document.createElement('a'), oTxtA = document.createTextNode(oH2.firstChild.nodeValue);
 
	oA.href= '#';
	oA.appendChild(oTxtA);
	document.body.replaceChild(oA, oH2);
	oA.onclick = function() { Display(id); return false; };
 
};
 
function Display(id)
 
{
	var oUl = document.getElementById(id);
	oUl.className = (oUl.className == 'cache') ? 'montre' : 'cache';
}
 
window.onload = function()
 
{
	Init('CtrlActiv', 'activ');
	Init('CtrlIndiq', 'indiq');
	Init('Ctrlaad', 'ajouter');
 
};
		//]]></script></head><body>
 
        <p align="center" class="style1">Gestion des Processus / Activit&eacute;es </p>
 
        <table width="904" height="194" border="1">
          <tr>
            <td width="387"><div align="right">identifiant du processus </div></td>
            <td width="501"><input type="text" name="id_process" /></td>
          </tr>
          <tr>
            <td><div align="right">nom du processus </div></td>
            <td><input type="text" name="nom_process" /></td>
          </tr>
          <tr>
            <td><div align="right">date de modification</div></td>
            <td><input type="text" name="date_modif" /></td>
          </tr>
          <tr>
            <td><div align="right">Domaine  d&rsquo;application</div></td>
            <td><input type="text" name="domaine" /></td>
          </tr>
          <tr>
            <td><div align="right">Clients&nbsp; du processus</div></td>
            <td><input type="text" name="client_process" /></td>
          </tr>
          <tr>
            <td><div align="right">Pilote du  Processus</div></td>
            <td><input type="text" name="pilote_process" /></td>
          </tr>
        </table>
        <p align="center" class="style1">&nbsp;</p>
        <h2 id="CtrlActiv">listes des activit&eacute;es </h2>
<ul id="activ" >
<tr align="center">
    <td><table width="823" border="1">
      <tr>
        <td width="140">Clients&nbsp; du processus</td>
        <td width="215">Donn&eacute;es  d&rsquo;entr&eacute;e</td>
        <td width="208">Donn&eacute;es  de sortie</td>
        <td width="232">Proc&eacute;dure</td>
      </tr>
      <tr>
        <td><input type="text" name="nom_process323" /></td>
        <td><input type="text" name="nom_process3232" /></td>
        <td><input type="text" name="nom_process3233" /></td>
        <td><input type="text" name="nom_process3234" /></td>
      </tr>
      <tr>
        <td><input type="text" name="nom_process3235" /></td>
        <td><input type="text" name="nom_process3238" /></td>
        <td><input type="text" name="nom_process32311" /></td>
        <td><input type="text" name="nom_process32314" /></td>
      </tr>
      <tr>
        <td><input type="text" name="nom_process3236" /></td>
        <td><input type="text" name="nom_process3239" /></td>
        <td><input type="text" name="nom_process32312" /></td>
        <td><input type="text" name="nom_process32315" /></td>
      </tr>
      <tr>
        <td><input type="text" name="nom_process3237" /></td>
        <td><input type="text" name="nom_process32310" /></td>
        <td><input type="text" name="nom_process32313" /></td>
        <td><input type="text" name="nom_process32316" /></td>
      </tr>
    </table></td>
  </tr>
</ul>
 
 
 
<h2 id="CtrlIndiq">ind&eacute;cateurs du processus: </h2>
 
<ul id="indiq">
  <table width="823" border="1">
    <tr>
      <td width="156"><strong><em>Indicateur  de mesure</em></strong></td>
      <td width="201">Fr&eacute;quence  de suivi</td>
      <td width="206"><strong><em>Valeur  Cible</em></strong></td>
      <td width="232">Responsable  du suivi de l&rsquo;indicateur</td>
    </tr>
    <tr>
      <td><input type="text" name="nom_process32317" /></td>
      <td><input type="text" name="nom_process32322" /></td>
      <td><input type="text" name="nom_process32332" /></td>
      <td><input type="text" name="nom_process32342" /></td>
    </tr>
    <tr>
      <td><input type="text" name="nom_process32352" /></td>
      <td><input type="text" name="nom_process32382" /></td>
      <td><input type="text" name="nom_process323112" /></td>
      <td><input type="text" name="nom_process323142" /></td>
    </tr>
    <tr>
      <td><input type="text" name="nom_process32362" /></td>
      <td><input type="text" name="nom_process32392" /></td>
      <td><input type="text" name="nom_process323122" /></td>
      <td><input type="text" name="nom_process323152" /></td>
    </tr>
    <tr>
      <td><input type="text" name="nom_process32372" /></td>
      <td><input type="text" name="nom_process323102" /></td>
      <td><input type="text" name="nom_process323132" /></td>
      <td><input type="text" name="nom_process323162" /></td>
    </tr>
  </table>
</ul>
<input type="submit" value="Envoyer">
 
 
</body></html>

merci d'avance

**ozzmax** · 24/04/2007, 22h24

Bonsoir
je constate que t'as aucun formulaire

et aussi que la fermeture de ta balise script pour ton javascript est en commentaire

donc ensuite c'est pas compliqué
tu fais un formulaire pour le tout
tu r'ajoutes un truc du genre

Code :

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

1
2
3
4
5
6
7
8
9
 
<body>
  <form name="frmTaPage" action="La_page_recevant_ton_form.php" method="post">
...
le corps de ton texte
...
  </form>
</body>
</html>

Alors dans ta page de traitement tu vas recevoir tous les champs texte que tu as sous forme de $_POST['nom_du_champ];

**el_amiral** · 24/04/2007, 22h57

sa ne marche pas

; si je met un seul <form > ... </form> pour les 3 formulaires , il y a 1 qui va disparaitre en plus le script que j'ai utilisé c'est pour cacher les deux dernier formulaires qui s'affiche dans la meme page si on clic sur les liens correspondants, c'est pour ce là que ne peut pas utiliser un seul formulaire

**Celira** · 25/04/2007, 08h59

Bonjour
résumons-nous : tu as un formulaire qui doit toujours être là et 2 autres qui sont là ou non suivant si l'utilisateur a cliqué sur quelque part ou pas. C'est ça ?

Ce que je ne comprends pas c'est comment tu peux "perdre" une partie des input en mettant une balise form autour de l'ensemble des input... Normalement si tu mets ta balise <form> comme l'a conseillé ozzmax ce devrait marcher. A condition de dé_commenter les balises <body> et autres.

**el_amiral** · 25/04/2007, 13h52

oui vous avez raison vous avez bien récapitulé mais bizarement

si je mets les balises <form> .....</form> un des 3 tableaux disparait et pour vérifier je vous invite à tester mon code dépourvu des balises <form> et dites moi ce que vous en pensez et

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
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
 
 
<html xmlns="" xml:lang="fr" lang="fr">
 
<head>
 
		<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
 
		<title>Exemple</title>
 
<style type="text/css">
 
a
 
{
	display: block;
}
 
.cache
 
{
	display: none;
}
.montre
 
{
	display: list-item;
}
 
 
.style1 {
	font-size: larger;
	font-style: italic;
	font-weight: bold;
}
</style><script type="text/javascript">
 
function Init(ctrl, id)
 
{
	var oUl = document.getElementById(id);
 
	oUl.className = 'cache';
 
	var oH2 = document.getElementById(ctrl), oA = document.createElement('a'), oTxtA = document.createTextNode(oH2.firstChild.nodeValue);
 
	oA.href= '#';
	oA.appendChild(oTxtA);
	document.body.replaceChild(oA, oH2);
	oA.onclick = function() { Display(id); return false; };
 
};
 
function Display(id)
 
{
	var oUl = document.getElementById(id);
	oUl.className = (oUl.className == 'cache') ? 'montre' : 'cache';
}
 
window.onload = function()
 
{
	Init('CtrlActiv', 'activ');
	Init('CtrlIndiq', 'indiq');
	Init('Ctrlaad', 'ajouter');
 
};
		</script></head>
 
        <p align="center" class="style1">Gestion des Processus / Activit&eacute;es </p>
 
        <table width="904" height="194" border="1">
          <tr>
            <td width="387"><div align="right">identifiant du processus </div></td>
            <td width="501"><input type="text" name="id_process" /></td>
          </tr>
          <tr>
            <td><div align="right">nom du processus </div></td>
            <td><input type="text" name="nom_process" /></td>
          </tr>
          <tr>
            <td><div align="right">date de modification</div></td>
            <td><input type="text" name="date_modif" /></td>
          </tr>
          <tr>
            <td><div align="right">Domaine  d&rsquo;application</div></td>
            <td><input type="text" name="domaine" /></td>
          </tr>
          <tr>
            <td><div align="right">Clients&nbsp; du processus</div></td>
            <td><input type="text" name="client_process" /></td>
          </tr>
          <tr>
            <td><div align="right">Pilote du  Processus</div></td>
            <td><input type="text" name="pilote_process" /></td>
          </tr>
        </table>
        <p align="center" class="style1">&nbsp;</p>
        <h2 id="CtrlActiv">listes des activit&eacute;es </h2>
<ul id="activ" >
<tr align="center">
    <td><table width="823" border="1">
      <tr>
        <td width="140">Clients&nbsp; du processus</td>
        <td width="215">Donn&eacute;es  d&rsquo;entr&eacute;e</td>
        <td width="208">Donn&eacute;es  de sortie</td>
        <td width="232">Proc&eacute;dure</td>
      </tr>
      <tr>
        <td><input type="text" name="nom_process323" /></td>
        <td><input type="text" name="nom_process3232" /></td>
        <td><input type="text" name="nom_process3233" /></td>
        <td><input type="text" name="nom_process3234" /></td>
      </tr>
      <tr>
        <td><input type="text" name="nom_process3235" /></td>
        <td><input type="text" name="nom_process3238" /></td>
        <td><input type="text" name="nom_process32311" /></td>
        <td><input type="text" name="nom_process32314" /></td>
      </tr>
      <tr>
        <td><input type="text" name="nom_process3236" /></td>
        <td><input type="text" name="nom_process3239" /></td>
        <td><input type="text" name="nom_process32312" /></td>
        <td><input type="text" name="nom_process32315" /></td>
      </tr>
      <tr>
        <td><input type="text" name="nom_process3237" /></td>
        <td><input type="text" name="nom_process32310" /></td>
        <td><input type="text" name="nom_process32313" /></td>
        <td><input type="text" name="nom_process32316" /></td>
      </tr>
    </table></td>
  </tr>
</ul>
 
 
 
<h2 id="CtrlIndiq">ind&eacute;cateurs du processus: </h2>
 
<ul id="indiq">
  <table width="823" border="1">
    <tr>
      <td width="156"><strong><em>Indicateur  de mesure</em></strong></td>
      <td width="201">Fr&eacute;quence  de suivi</td>
      <td width="206"><strong><em>Valeur  Cible</em></strong></td>
      <td width="232">Responsable  du suivi de l&rsquo;indicateur</td>
    </tr>
    <tr>
      <td><input type="text" name="nom_process32317" /></td>
      <td><input type="text" name="nom_process32322" /></td>
      <td><input type="text" name="nom_process32332" /></td>
      <td><input type="text" name="nom_process32342" /></td>
    </tr>
    <tr>
      <td><input type="text" name="nom_process32352" /></td>
      <td><input type="text" name="nom_process32382" /></td>
      <td><input type="text" name="nom_process323112" /></td>
      <td><input type="text" name="nom_process323142" /></td>
    </tr>
    <tr>
      <td><input type="text" name="nom_process32362" /></td>
      <td><input type="text" name="nom_process32392" /></td>
      <td><input type="text" name="nom_process323122" /></td>
      <td><input type="text" name="nom_process323152" /></td>
    </tr>
    <tr>
      <td><input type="text" name="nom_process32372" /></td>
      <td><input type="text" name="nom_process323102" /></td>
      <td><input type="text" name="nom_process323132" /></td>
      <td><input type="text" name="nom_process323162" /></td>
    </tr>
  </table>
</ul>
<input type="submit" value="Envoyer">
 
</html>

**ozzmax** · 25/04/2007, 16h08

Bonjour
j'ai regarder ton code
il y a des erreur dans ton javascript selon la console
deplus dans ta 2e partie <ul id="activ" > juste sous cette ligne tu commence avec un <tr> alors que tu n'es meme pas dans un table??

aussi, tu n'as pas de balise <body>

Encore, pourquoi est ce que sur le onload tu définis les class et tout? pourquoi tu ne les définis pas directement dans ton source html au lieu des les créer dynamiquement?
j'ai l'impression que tu fais du code qui sert un peu a rien dans ton javascript, dans le sens de sur le onload de ta page tu modifie ces attributs...

enfin, regarde les erreur du javascript, la console firefox est très bien pour cela elle te donne la ligne problématique dans outils/console d'erreur

donne nous des nouvelles ensuite pour qu'on regle la question de formulaire

**ozzmax** · 25/04/2007, 16h53

j'ai modifier quelque trucs dans ton code (à mon avis superflu

)
à toi de voir si c'est pertinent avec ton usage

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
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
 
 
<html xmlns="" xml:lang="fr" lang="fr">
 
<head>
 
		<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
 
		<title>Exemple</title>
 
<style type="text/css">
<!--
.cache
{
	display: none;
}
-->
<!--
.montre
{
	display: list-item;
}
-->
<!--
.style1 {
	font-size: larger;
	font-style: italic;
	font-weight: bold;
}
-->
<!--
.lien:link { text-decoration:underline; color:#000000; font-size: larger; font-weight:bold; font-style:italic }
.lien:visited { text-decoration:underline; color:#000000; font-size: larger; font-weight:bold; font-style:italic }
.lien:hover { text-decoration:underline; color:#000000; font-size:19px; font-weight:bold; font-style:italic }
-->
</style>
<script language="javascript" type="text/javascript"> 
/*
Fonction qui a pour but de faire apparaitre ou disparaitre un formulaire
@param id: l'identifiant à modifier
*/
function Display(id)
{
	var oUl = document.getElementById(id);
	oUl.className = (oUl.className == 'cache') ? 'montre' : 'cache';
}
</script>		
</head>
<body>
	<form name="frmTest3" action="FormTest3.php" method="post">
        <p align="center" class="style1">Gestion des Processus / Activit&eacute;es </p>
        <table width="904" height="194" border="1">
          <tr>
            <td width="387"><div align="right">identifiant du processus </div></td>
            <td width="501"><input type="text" name="id_process" /></td>
          </tr>
          <tr>
            <td><div align="right">nom du processus </div></td>
            <td><input type="text" name="nom_process" /></td>
          </tr>
          <tr>
            <td><div align="right">date de modification</div></td>
            <td><input type="text" name="date_modif" /></td>
          </tr>
          <tr>
            <td><div align="right">Domaine  d&rsquo;application</div></td>
            <td><input type="text" name="domaine" /></td>
          </tr>
          <tr>
            <td><div align="right">Clients&nbsp; du processus</div></td>
            <td><input type="text" name="client_process" /></td>
          </tr>
          <tr>
            <td><div align="right">Pilote du  Processus</div></td>
            <td><input type="text" name="pilote_process" /></td>
          </tr>
        </table>
	<br>
    <a class="lien" href="#" onClick="Display('activ')">Listes des activit&eacute;es</a>
	<ul id="activ" class="cache">
		<table width="823" border="1">
			  <tr>
				<td width="140">Clients&nbsp; du processus</td>
				<td width="215">Donn&eacute;es  d&rsquo;entr&eacute;e</td>
				<td width="208">Donn&eacute;es  de sortie</td>
				<td width="232">Proc&eacute;dure</td>
			  </tr>
			  <tr>
				<td><input type="text" name="nom_process323" /></td>
				<td><input type="text" name="nom_process3232" /></td>
				<td><input type="text" name="nom_process3233" /></td>
				<td><input type="text" name="nom_process3234" /></td>
			  </tr>
			  <tr>
				<td><input type="text" name="nom_process3235" /></td>
				<td><input type="text" name="nom_process3238" /></td>
				<td><input type="text" name="nom_process32311" /></td>
				<td><input type="text" name="nom_process32314" /></td>
			  </tr>
			  <tr>
				<td><input type="text" name="nom_process3236" /></td>
				<td><input type="text" name="nom_process3239" /></td>
				<td><input type="text" name="nom_process32312" /></td>
				<td><input type="text" name="nom_process32315" /></td>
			  </tr>
			  <tr>
				<td><input type="text" name="nom_process3237" /></td>
				<td><input type="text" name="nom_process32310" /></td>
				<td><input type="text" name="nom_process32313" /></td>
				<td><input type="text" name="nom_process32316" /></td>
			  </tr>
		</table>
	</ul>
	<br>
	<a class="lien" href="#" onClick="Display('indiq')">Ind&eacute;cateurs du processus:</a>
	<ul id="indiq" class="cache">
	  <table width="823" border="1">
		<tr>
		  <td width="156"><strong><em>Indicateur  de mesure</em></strong></td>
		  <td width="201">Fr&eacute;quence  de suivi</td>
		  <td width="206"><strong><em>Valeur  Cible</em></strong></td>
		  <td width="232">Responsable  du suivi de l&rsquo;indicateur</td>
		</tr>
		<tr>
		  <td><input type="text" name="nom_process32317" /></td>
		  <td><input type="text" name="nom_process32322" /></td>
		  <td><input type="text" name="nom_process32332" /></td>
		  <td><input type="text" name="nom_process32342" /></td>
		</tr>
		<tr>
		  <td><input type="text" name="nom_process32352" /></td>
		  <td><input type="text" name="nom_process32382" /></td>
		  <td><input type="text" name="nom_process323112" /></td>
		  <td><input type="text" name="nom_process323142" /></td>
		</tr>
		<tr>
		  <td><input type="text" name="nom_process32362" /></td>
		  <td><input type="text" name="nom_process32392" /></td>
		  <td><input type="text" name="nom_process323122" /></td>
		  <td><input type="text" name="nom_process323152" /></td>
		</tr>
		<tr>
		  <td><input type="text" name="nom_process32372" /></td>
		  <td><input type="text" name="nom_process323102" /></td>
		  <td><input type="text" name="nom_process323132" /></td>
		  <td><input type="text" name="nom_process323162" /></td>
		</tr>
	  </table>
	</ul>
	<br>
<input type="submit" value="Envoyer">
</form>
</body> 
</html>

**ozzmax** · 25/04/2007, 17h01

Envoyé par el_amiral

j'ai réussi à faire quelques modifications, je suis un simple débutant dans php svp soyez plus indulgent et en voici le nouveau code :

Oui ca il n'y a pas de probleme
mise appart 1 seul point, c'est qu'on n'est pas encore dans le php, mais bien dans les formulaire html, javascript et css
Désolé de te décevoir

mais à page de traitement de formulaire là on entrera dans le php

**el_amiral** · 25/04/2007, 17h08

Merci pour ton aide c’est sa que je voulais ;

Encore merci .

intégrer 3 formulaires dans une même page [Débutant(e)]

Langage PHP

Discussions similaires

Partager

Partager