[AJAX] redirection automatique via ajax

**sooprano** · 19/05/2009, 14h36

salut j'ai un formulaire (formulaire.html) qui envoi les informations des client vers email du webmaster mon probleme c'est que je veux faire une redirection automatique apres l'envoi du formulaire
j'ai utiliser ajax pour l'envoi du email pour ne pas chargé la page envoi.php

voila ce que j'ai fé

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
 
<meta http-equiv="Content-Type" content="text-html; charset=iso-8859-1">
<?PHP
$secteur = $_POST['secteur']; // secteur ...
$nom = addslashes($_POST['nom']); // Nom ... 
$responsable = addslashes($_POST['responsable']); // Nom ... 
$addr = addslashes($_POST['addr']); // Nom ... 
$ville = addslashes($_POST['ville']); // Nom ... 
$cp = addslashes($_POST['cp']); // Nom ... 
$state = addslashes($_POST['state']); // Nom ... 
$tel = addslashes($_POST['tel']); // Nom ... 
$fax = addslashes($_POST['fax']); // Nom ... 
$mail = addslashes($_POST['mail']); // Nom ... 
$passwd2 = addslashes($_POST['passwd2']); // Nom ... 
$comments = addslashes($_POST['comments']); // Nom ... 
$country = addslashes($_POST['country']); // Nom ... 
if (!empty($_POST['nom'])&& !empty($_POST['responsable'])&&!empty($_POST['addr'])&&!empty($_POST['ville'])&&!empty($_POST['cp'])&&!empty($_POST['tel'])&&!empty($_POST['fax'])&&!empty($_POST['mail'])&&!empty($_POST['passwd2'])&&!empty($_POST['comments']))
{
//envoi mail
 
$mon_email="halima.chegdari@gmail.fr,h.serbouti@gmail.fr";
$object="saisie Mr(mme):".$nom."";
$mon_pseudo="Hicham SERBOUTI";
$corps="<strong>Secteur:</strong>&nbsp;<font color='#FF0000'>".$secteur."</font><br/>";
$corps.="<strong>Nom:</strong>&nbsp;<font color='#FF0000'>".$nom."</font><br/>";
$corps.="<strong>Responsable:</strong>&nbsp;<font color='#FF0000'>".$responsable."</font><br/>";
$corps.="<strong>Adresse:</strong>&nbsp;<font color='#FF0000'>".$addr."</font><br/>";
$corps.="<strong>Country:</strong>&nbsp;<font color='#FF0000'>".$country."</font><br/>";
$corps.="<strong>Ville:</strong>&nbsp;<font color='#FF0000'>".$ville."</font><br/>";
$corps.="<strong>Code Postal:</strong>&nbsp;<font color='#FF0000'>".$cp."</font><br/>";
$corps.="<strong>State:</strong>&nbsp;<font color='#FF0000'>".$state."</font><br/>";
$corps.="<strong>Telephone:</strong>&nbsp;<font color='#FF0000'>".$tel."</font><br/>";
$corps.="<strong>Fax:</strong>&nbsp;<font color='#FF0000'>".$fax."</font><br/>";
$corps.="<strong>Email:</strong>&nbsp;<font color='#FF0000'>".$mail."</font><br/>";
$corps.="<strong>PassWord:</strong>&nbsp;<font color='#FF0000'>".$passwd2."</font><br/>";
$corps.="<strong>Commentaire:</strong>&nbsp;<font color='#FF0000'>".$comments."</font><br/>";
$entete  = 'MIME-Version: 1.0' . "\n";
$entete .= 'Content-type: text/html; charset=iso-8859-1' . "\n";
$entete .= 'From: h.serbouti@gmail.com' . "\n";  # IMPORTANT l\'adresse spécifiée ici est sur le domaine SMTP qui Envoie
  if(mail($mon_email,$object,$corps,$entete)) //envoi mail
  {
echo'envoi avec sucee';
}
else
{
echo'echec envoi formulaire';
}
echo'<meta http-equiv="refresh" content="3;onclick="ajax('formulaire.html', 'corps')" />';
}

j'ai modifier

onclick="ajax('formulaire.html', 'corps')

par

formulaire.html

mais ca pas marché

bon es ce possible de mettre evenement dans meta ???
svp aider moi sur ca

**Caerbannog** · 19/05/2009, 14h47

J'ai du mal à comprendre ce que tu dis.
onclick n'a rien à faire dans un <meta> xD
On peut voir la page qui englobe tout ça ?

**sooprano** · 19/05/2009, 15h04

Envoyé par Caerbannog

J'ai du mal à comprendre ce que tu dis.
onclick n'a rien à faire dans un <meta> xD
On peut voir la page qui englobe tout ça ?

wi ok j'ai mis

echo'<meta http-equiv="refresh" content="3;formulaire.html" />';

ca va pas marche :s
es c'est a cause que j'utilise ajax ?

**Vil'Coyote** · 19/05/2009, 15h23

salut,
ça serait vraiment bien de voir ta fonction ajax('formulaire.html', 'corps') afin de savoir réellement ce que tu fait de même que le code de ta page formulaire.html

**sooprano** · 19/05/2009, 16h24

Envoyé par Vil'Coyote

salut,
ça serait vraiment bien de voir ta fonction ajax('formulaire.html', 'corps') afin de savoir réellement ce que tu fait de même que le code de ta page formulaire.html

formulaire.html

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
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
<table width="98%" border="0" align="center" cellpadding="0" bgcolor="#FFFFFF" class="tr2">
        <tr>
          <td width="29%"><font class="menu Style2"><b><font color="#009900" face="Verdana, Arial, Helvetica, sans-serif">Vous 
            &ecirc;tes:</font></b></font></td>
          <td colspan="2"><font size="2" face="Verdana, Arial, Helvetica, sans-serif" class="menu">&nbsp;
                <select name="secteur" value="">
                  <option value="particulier" >-- Particulier --</option>
                  <option value="Entreprise" >-- Entreprise --</option>
                  <option value="Association" >-- Association --</option>
                  <option value="autre" >-- Autres --</option>
                </select>
          </font></td>
        </tr>
        <tr>
          <td height="24"><span class="Style3"></span></td>
          <td colspan="2"><font color="#003399" size="1" face="Verdana, Arial, Helvetica, sans-serif" class="menu">Si vous repr&eacute;sentez une personne morale, cliquez sur 
            &quot;Entreprise&quot; ou &quot;Association&quot; et tapez son nom ci-dessous.</font></td>
        </tr>
        <tr>
          <td><font color="#009900" face="Verdana, Arial, Helvetica, sans-serif" class="menu Style2"><b>Identit&eacute;:</b></font></td>
          <td colspan="2"><input maxlength="64" size="43" name="nom" id="nom" /></td>
        </tr>
        <tr>
          <td><span class="Style3"></span></td>
          <td colspan="2"><font color="#003399" size="1" face="Arial, Helvetica, sans-serif" class="menu">Entrez</font> <font color="#003399" size="1" face="Arial, Helvetica, sans-serif" class="menu">vos pr&eacute;nom et nom dans cet ordre s&eacute;par&eacute;s par un espace, 
            ou le nom de votre entreprise</font></td>
        </tr>
        <tr>
          <td class="ava"><div align="left" class="Style3"><font color="#009900" face="Verdana, Arial, Helvetica, sans-serif"><b>&nbsp;Responsable:</b></font></div></td>
          <td colspan="2"><input maxlength="64" size="43" name="responsable" id="responsable"/></td>
        </tr>
        <tr>
          <td><font size="2">&nbsp;</font></td>
          <td colspan="2"><span class="Style3"><font color="#003399" class="menu">Ce champ</font> <font color="#003399" class="menu">est obligatoire si vous repr&eacute;sentez une personne morale; Tapez le pr&eacute;nom et le nom du responsable du site.</font></span></td>
        </tr>
        <tr class="Style3">
          <td nowrap="nowrap"><font color="#009900" face="Verdana, Arial, Helvetica, sans-serif" class="menu Style2"><b>Adresse postale:&nbsp;</b></font></td>
          <td colspan="2"><input maxlength="128" size="48" name="addr" id="addr"/></td>
        </tr>
        <tr class="Style3">
          <td height="19" align="right" valign="top">&nbsp;</td>
          <td colspan="2"><font color="#003399" face="Verdana, Arial, Helvetica, sans-serif" class="menu Style1">Ex: 219, Boulevard ZERKTOUNI.</font></td>
        </tr>
        <tr class="Style3">
          <td nowrap="nowrap"><font color="#009900" face="Verdana, Arial, Helvetica, sans-serif" class="menu Style2"><b>Ville:&nbsp;</b></font></td>
          <td colspan="2"><input maxlength="32" size="32" name="ville"  id="ville"/></td>
        </tr>
        <tr class="Style3">
          <td align="right" valign="top">&nbsp;</td>
          <td colspan="2"><font color="#003399" face="Verdana, Arial, Helvetica, sans-serif" class="menu Style1">Ex: Casablanca</font></td>
        </tr>
        <tr class="Style3">
          <td align="left" nowrap="nowrap"><font color="#009900" face="Verdana, Arial, Helvetica, sans-serif" class="menu Style2"><b>Code Postal:&nbsp;</b></font></td>
          <td colspan="2"><input maxlength="12" size="16" name="cp" id="cp"/></td>
        </tr>
        <tr class="Style3">
          <td align="left" valign="top">&nbsp;</td>
          <td colspan="2"><font color="#003399" face="Verdana, Arial, Helvetica, sans-serif" class="menu Style1">Ex:20000</font></td>
        </tr>
        <tr class="Style3">
          <td align="left"><font color="#009900" face="Verdana, Arial, Helvetica, sans-serif" class="menu Style2"><b>Pays:&nbsp;</b></font></td>
          <td colspan="2"><select name="country" value="" id="country">
              <option value="paysnoninscrit" selected="selected">--Selectionnez votre pays--</option>
              <option>Afghanistan</option>
              <option>Afrique du Sud</option>
              <option>Albanie</option>
              <option>Alg&eacute;rie</option>
              <option>Allemagne</option>
              <option>Andorre</option>
              <option>Angola</option>
              <option>Anguilla</option>
              <option>Antarctique</option>
              <option>Antigua et Barbuda</option>
              <option>Antilles N&eacute;erlandaises</option>
              <option>Arabie Saoudite</option>
              <option>Argentine</option>
              <option>Arm&eacute;nie</option>
              <option>Aruba</option>
              <option>Ascension</option>
              <option>Australie</option>
              <option>Autriche</option>
              <option>Azerbaidjan</option>
              <option>Bahamas</option>
              <option>Bahrein</option>
              <option>Bangladesh</option>
              <option>Barbade</option>
              <option>Belarus</option>
              <option>Belgique</option>
              <option>Belize</option>
              <option>B&eacute;nin</option>
              <option>Bermudes</option>
              <option>Bhoutan</option>
              <option>Bolivie</option>
              <option>Bosnie-Herz&eacute;govine</option>
              <option>Botswana</option>
              <option>Br&eacute;sil</option>
              <option>Brunei</option>
              <option>Bulgarie</option>
              <option>Burkina Faso</option>
              <option>Burundi</option>
              <option>Cambodge</option>
              <option>Cameroun</option>
              <option>Canada</option>
              <option>Cap-Vert</option>
              <option>Cayman (Iles)</option>
              <option>Centrafricaine (Rep.)</option>
              <option>Chili</option>
              <option>Chine</option>
              <option>Chypre</option>
              <option>Colombie</option>
              <option>Comores</option>
              <option>Congo</option>
              <option>Congo Za&iuml;re (Rep. Dem.)</option>
              <option>Cook (Iles)</option>
              <option>Cor&eacute;e (Rep. de)</option>
              <option>Cor&eacute;e (Rep. Dem. Pop.)</option>
              <option>Costa Rica</option>
              <option>C&ocirc;te d'Ivoire</option>
              <option>Croatie</option>
              <option>Cuba</option>
              <option>Danemark</option>
              <option>Djibouti</option>
              <option>Dominicaine (Rep.)</option>
              <option>Dominique</option>
              <option>Egypte</option>
              <option>El Salvador</option>
              <option>Emirats Arabes Unis</option>
              <option>Equateur</option>
              <option>Erythr&eacute;e</option>
              <option>Espagne</option>
              <option>Estonie</option>
              <option>Etats-Unis d'Amerique</option>
              <option>Ethiopie</option>
              <option>Falkland (Iles)</option>
              <option>Fero&euml; (Iles)</option>
              <option>Fidji</option>
              <option>Finlande</option>
              <option>France</option>
              <option>Gabon</option>
              <option>Gambie</option>
              <option>G&eacute;orgie</option>
              <option>Ghana</option>
              <option>Gibraltar</option>
              <option>Gr&ecirc;ce</option>
              <option>Grenade</option>
              <option>Gro&euml;nland</option>
              <option>Guadeloupe</option>
              <option>Guam</option>
              <option>Guatemala</option>
              <option>Guin&eacute;e</option>
              <option>Guin&eacute;e Equatoriale</option>
              <option>Guin&eacute;e Fran&ccedil;aise</option>
              <option>Guin&eacute;e-Bissau</option>
              <option>Guyana</option>
              <option>Ha&iuml;ti</option>
              <option>Hawa&iuml;</option>
              <option>Honduras</option>
              <option>Hong-Kong</option>
              <option>Hongrie</option>
              <option>Inde</option>
              <option>Indon&eacute;sie</option>
              <option>Irak</option>
              <option>Iran (Rep. Isl.)</option>
              <option>Irlande</option>
              <option>Islande</option>
              <option>Isra&euml;l</option>
              <option>Italie</option>
              <option>Jama&iuml;que</option>
              <option>Japon</option>
              <option>Jersey (Ile)</option>
              <option>Jordanie</option>
              <option>Kazakhstan</option>
              <option>Kenya</option>
              <option>Kirghizistan</option>
              <option>Kiribati</option>
              <option>Kowe&iuml;t</option>
              <option>Laos (Rep. Dem. Pop. du)</option>
              <option>Lesotho</option>
              <option>Lettonie</option>
              <option>Liban</option>
              <option>Liberia</option>
              <option>Libye</option>
              <option>Liechtenstein</option>
              <option>Lituanie</option>
              <option>Luxembourg</option>
              <option>Macao</option>
              <option>Mac&eacute;doine</option>
              <option>Madagascar</option>
              <option>Malaisie</option>
              <option>Malawi</option>
              <option>Maldives</option>
              <option>Mali</option>
              <option>Malte</option>
              <option>Mariannes (Iles)</option>
              <option>Maroc</option>
              <option>Marshall (Iles)</option>
              <option>Martinique</option>
              <option>Maurice</option>
              <option>Mauritanie</option>
              <option>Mexique</option>
              <option>Micron&eacute;sie</option>
              <option>Moldovie</option>
              <option>Monaco</option>
              <option>Mongolie</option>
              <option>Montserrat</option>
              <option>Mozambique</option>
              <option>Myanmar</option>
              <option>Namibie</option>
              <option>Nauru</option>
              <option>N&eacute;pal</option>
              <option>Nicaragua</option>
              <option>Niger</option>
              <option>Nigeria</option>
              <option>Niue</option>
              <option>Norfolk (Ile)</option>
              <option>Norv&egrave;ge</option>
              <option>Nouvelle Cal&eacute;donie</option>
              <option>Nouvelle-Z&eacute;lande</option>
              <option>Oman</option>
              <option>Ouganda</option>
              <option>Ouzbekistan</option>
              <option>Pakistan</option>
              <option>Palau</option>
              <option>Palestine</option>
              <option>Panama</option>
              <option>Papouasie-Nouvelle-Guin&eacute;e</option>
              <option>Paraguay</option>
              <option>Pays-Bas</option>
              <option>P&eacute;rou</option>
              <option>Philippines</option>
              <option>Pologne</option>
              <option>Polynesie Francaise</option>
              <option>Porto Rico</option>
              <option>Portugal</option>
              <option>Qatar</option>
              <option>R&eacute;union</option>
              <option>Roumanie</option>
              <option>Royaume-Uni</option>
              <option>Russie</option>
              <option>Rwanda</option>
              <option>Saint-Kitts-et-Nevis</option>
              <option>Saint-Marin</option>
              <option>Saint-Vincent-et-Grenadines</option>
              <option>Sainte-H&eacute;l&egrave;ne</option>
              <option>Sainte-Lucie</option>
              <option>Salomon</option>
              <option>Samoa Am&eacute;ricaines</option>
              <option>Samoa-Occidental</option>
              <option>Sao Tome-et-Principe</option>
              <option>S&eacute;n&eacute;gal</option>
              <option>Seychelles</option>
              <option>Sierra Leone</option>
              <option>Singapour</option>
              <option>Slovaque (Rep.)</option>
              <option>Slov&eacute;nie</option>
              <option>Somalie</option>
              <option>Soudan</option>
              <option>Sri Lanka</option>
              <option>Su&egrave;de</option>
              <option>Suisse</option>
              <option>Surinam</option>
              <option>Swaziland</option>
              <option>Syrie</option>
              <option>Tadjikistan (Rep. du)</option>
              <option>Ta&iuml;wan</option>
              <option>Tanzanie</option>
              <option>Tchad</option>
              <option>Tch&egrave;que (Rep.)</option>
              <option>Tha&iuml;lande</option>
              <option>Timor Oriental</option>
              <option>Togo</option>
              <option>Tokelau</option>
              <option>Tonga</option>
              <option>Trinit&eacute;-et-Tobago</option>
              <option>Tunisie</option>
              <option>Turkmenistan</option>
              <option>Turks et Ca&iuml;cos (Iles)</option>
              <option>Turquie</option>
              <option>Tuvalu</option>
              <option>Ukraine</option>
              <option>Uruguay</option>
              <option>Vanuatu</option>
              <option>Venezuela</option>
              <option>Vierges Am&eacute;ricaines (Iles)</option>
              <option>Vierges Britanniques (Iles)</option>
              <option>Vietnam</option>
              <option>Y&eacute;men (Rep.)</option>
              <option>Yougoslavie (Rep. Fed. de)</option>
              <option>Zambie</option>
              <option>Zimbabwe</option>
          </select></td>
        </tr>
        <tr class="Style3">
          <td align="left" valign="top">&nbsp;</td>
          <td colspan="2"><p class="Style3"><font color="#003399" face="Verdana, Arial, Helvetica, sans-serif" class="menu">Indiquez&nbsp;votre pays</font></p></td>
        </tr>
        <tr class="Style3">
          <td align="left"><font color="#009900" face="Verdana, Arial, Helvetica, sans-serif" class="menu Style2"><b>&Eacute;tat:&nbsp;</b></font></td>
          <td colspan="2"><select name="state" value="">
              <option value="nonselected" selected="selected">--S&eacute;lectionner seulement si n&eacute;cessaire--</option>
              <option>Alabama</option>
              <option>Alaska</option>
              <option>Alberta</option>
              <option>American Samoa</option>
              <option>Andaman and Nicobar Is.</option>
              <option>Andhra Pradesh</option>
              <option>Arizona</option>
              <option>Arkansas</option>
              <option>Arunachal Pradesh</option>
              <option>Assam</option>
              <option>Australia Capital</option>
              <option>Bihar</option>
              <option>British Columbia</option>
              <option>California</option>
              <option>Chandigarh</option>
              <option>Colorado</option>
              <option>Connecticut</option>
              <option>Delaware</option>
              <option>Delhi</option>
              <option>Dist. of Columbia</option>
              <option>Florida</option>
              <option>Georgia</option>
              <option>Goa</option>
              <option>Guam</option>
              <option>Gujarat</option>
              <option>Haryana</option>
              <option>Hawaii</option>
              <option>Himachal Pradesh</option>
              <option>Idaho</option>
              <option>Illinois</option>
              <option>Indiana</option>
              <option>Iowa</option>
              <option>Jammu and Kashmir</option>
              <option>Kansas</option>
              <option>Karnataka</option>
              <option>Kentucky</option>
              <option>Kerala inc Lakshadweep</option>
              <option>Louisiana</option>
              <option>Madhya Pradesh</option>
              <option>Maharashtra</option>
              <option>Maine</option>
              <option>Manipur</option>
              <option>Manitoba</option>
              <option>Maryland</option>
              <option>Massachusetts</option>
              <option>Meghalaya</option>
              <option>Michigan</option>
              <option>Minnesota</option>
              <option>Mississippi</option>
              <option>Missouri</option>
              <option>Mizoram</option>
              <option>Montana</option>
              <option>Nagaland</option>
              <option>Nebraska</option>
              <option>Nevada</option>
              <option>New Brunswick</option>
              <option>New Hampshire</option>
              <option>New Jersey</option>
              <option>New Mexico</option>
              <option>New South Wales</option>
              <option>New York</option>
              <option>Newfoundland</option>
              <option>No. Mariana Islands</option>
              <option>North Carolina</option>
              <option>North Dakota</option>
              <option>Northern Territory</option>
              <option>Northwest Territories</option>
              <option>Nova Scotia</option>
              <option>Ohio</option>
              <option>Oklahoma</option>
              <option>Ontario</option>
              <option>Oregon</option>
              <option>Orissa</option>
              <option>Pennsylvania</option>
              <option>Prince Edward Island</option>
              <option>Puerto Rico</option>
              <option>Punjab</option>
              <option>Quebec</option>
              <option>Queensland</option>
              <option>Rajasthan</option>
              <option>Rhode Island</option>
              <option>Saskatchewan</option>
              <option>Sikkim</option>
              <option>South Carolina</option>
              <option>South Dakota</option>
              <option>Southern Australia</option>
              <option>Tamil Nadu inc Pondicherry</option>
              <option>Tasmania</option>
              <option>Tennessee</option>
              <option>Texas</option>
              <option>Tripura</option>
              <option>Trust Territory</option>
              <option>Utah</option>
              <option>Uttar Pradesh</option>
              <option>Vermont</option>
              <option>Victoria</option>
              <option>Virgin Islands</option>
              <option>Virginia</option>
              <option>Washington</option>
              <option>West Bengal</option>
              <option>West Virginia</option>
              <option>Western Australia</option>
              <option>Wisconsin</option>
              <option>Wyoming</option>
              <option>Yukon Territory</option>
            </select>          </td>
        </tr>
        <tr class="Style3">
          <td align="left">&nbsp;</td>
          <td colspan="2"><font color="#003399" face="Verdana, Arial, Helvetica, sans-serif" class="menu Style1">Ne&nbsp;choisissez aucun &eacute;tat sauf si votre pays est concern&eacute;.</font></td>
        </tr>
        <tr class="Style3">
          <td align="left" nowrap="nowrap"><font color="#009900" face="Verdana, Arial, Helvetica, sans-serif" class="menu Style2"><b>N&deg; de t&eacute;l&eacute;phone:&nbsp;</b></font></td>
          <td colspan="2"><input name="tel" id="tel" size="24" maxlength="24" /></td>
        </tr>
        <tr class="Style3">
          <td align="right" valign="top">&nbsp;</td>
          <td colspan="2"><font color="#009900" face="Verdana, Arial, Helvetica, sans-serif" class="menu Style1">ex:&nbsp;+21222222222</font></td>
        </tr>
        <tr class="Style3">
          <td nowrap="nowrap"><font color="#009900" face="Verdana, Arial, Helvetica, sans-serif" class="menu Style2"><b>N&deg; de t&eacute;l&eacute;copie:&nbsp;</b></font></td>
          <td colspan="2"><input name="fax" id="fax" size="24" maxlength="24" /></td>
        </tr>
        <tr class="Style3">
          <td valign="top">&nbsp;</td>
          <td colspan="2"><font color="#009900" face="Verdana, Arial, Helvetica, sans-serif" class="menu Style1">ex:&nbsp;+21222222222</font></td>
        </tr>
        <tr class="Style3">
          <td colspan="3"><ul class="Style3">
              <li class="imp"><font color="#003399" face="Verdana, Arial, Helvetica, sans-serif" class="menu">Les mots de passe doivent &ecirc;tre longs d'au moins huit (8) 
                caract&egrave;res et ne peuvent contenir que des chiffres (0-9) et des lettres 
                majuscules ou minuscules (A-Z, a-z).</font></li>
          </ul></td>
        </tr>
        <tr class="Style3">
          <td nowrap="nowrap"><font color="#009900" face="Verdana, Arial, Helvetica, sans-serif" class="menu Style2"><b>E-mail:</b></font></td>
          <td colspan="2"><input name="mail" type="text" id="mail" size="30"/></td>
        </tr>
        <tr class="Style3">
          <td nowrap="nowrap"><font color="#009900" face="Verdana, Arial, Helvetica, sans-serif" class="menu Style2"><b>Mot de passe(1):&nbsp;</b></font></td>
          <td colspan="2"><input name="passwd1" type="password" id="passwd1" size="16" maxlength="14"/></td>
        </tr>
        <tr class="Style3">
          <td valign="top">&nbsp;</td>
          <td colspan="2"><font color="#003399" face="Verdana, Arial, Helvetica, sans-serif" class="menu Style1">Choisissez&nbsp;un mot de passe qui vous servira pour g&eacute;rer votre h&eacute;bergement.</font></td>
        </tr>
        <tr class="Style3">
          <td nowrap="nowrap"><font color="#009900" face="Verdana, Arial, Helvetica, sans-serif" class="menu Style2"><b>Mot de passe(2):&nbsp;</b></font></td>
          <td colspan="2"><input name="passwd2" type="password" id="passwd2" size="16" maxlength="14" /></td>
        </tr>
        <tr class="Style3">
          <td valign="top">&nbsp;</td>
          <td colspan="2"><font color="#003399" face="Verdana, Arial, Helvetica, sans-serif" class="menu Style1">Par&nbsp;s&eacute;curit&eacute;, tapez &agrave; nouveau le m&ecirc;me mot de passe.</font></td>
        </tr>
        <tr class="Style3">
          <td align="right" valign="top"><p align="left" class="Style3"><font color="#009900" face="Verdana, Arial, Helvetica, sans-serif" class="menu"><b>Commentaires:</b></font></p></td>
          <td colspan="2"><textarea name="comments" rows="4" cols="50" id="comments"></textarea>          </td>
        </tr>
        <tr class="Style3">
          <td><p align="right"><font face="Verdana, Arial, Helvetica, sans-serif"><font size="3"><font size="2"><font color="#009900"></font></font></font></font></p></td>
          <td colspan="2"><font color="#003399" face="Verdana, Arial, Helvetica, sans-serif" class="menu Style1">&nbsp;Si vous&nbsp;avez des commentaires particuliers concernant le traitement de cette commande, vous pouvez nous les indiquer plus bas</font></td>
        </tr>
        <tr>
          <td height="20">&nbsp;</td>
          <td colspan="2"><div id="error"></div></td>
        </tr>
        <tr>
          <td height="22">&nbsp;</td>
          <td colspan="2"><font class="menu">
            <input name="submit" type="button" class="button2"  onclick="ajax18()" value="Valider" />
            <input name="button" type="reset" class="button2" id="button" value="R&eacute;initialiser" />
          </font></td>
        </tr>
      </table>

**sooprano** · 19/05/2009, 16h25

control-formulaire.js

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
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
function getXhr(){
var xhr = null; 
if(window.XMLHttpRequest) // Firefox et autres
xhr = new XMLHttpRequest(); 
else if(window.ActiveXObject){ // Internet Explorer 
try {xhr = new ActiveXObject("Msxml2.XMLHTTP");}
		catch (e) {
			xhr = new ActiveXObject("Microsoft.XMLHTTP");
		        }
				}
				else { // XMLHttpRequest non supporté par le navigateur 
				   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
				   xhr = false; 
				} 
               return xhr;
			}
/***********************fin*****************************/
/******************************************************/
 
function ajax18(){
				var xhr = getXhr();
				// On défini ce qu'on va faire quand on aura la réponse
				xhr.onreadystatechange = function(){
					// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
					if(xhr.readyState == 4 && xhr.status == 200){
						leselect = xhr.responseText;
						// On se sert de innerHTML pour rajouter les options a la liste
						document.getElementById('corps').innerHTML = leselect;
					}
				}
 
				// Ici on va voir comment faire du post
				xhr.open("POST","envoi_formulaire.php",true);
				// ne pas oublier ça pour le post
				xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
				// ne pas oublier de poster les arguments
				// ici, l'id de l'auteur
 
var nom = document.getElementById('nom').value
var responsable = document.getElementById('responsable').value
var addr = document.getElementById('addr').value
var ville = document.getElementById('ville').value
var cp = document.getElementById('cp').value
var country = document.getElementById('country').value
var tel = document.getElementById('tel').value
var fax = document.getElementById('fax').value
var mail = document.getElementById('mail').value
var passwd1 = document.getElementById('passwd1').value
var passwd2 = document.getElementById('passwd2').value
var comments = document.getElementById('comments').value
 
				/***********control formulaire.html**************/
 
			if(nom ==""){
display1(nom);
document.getElementById('error').innerHTML ="<blink>Vous devez remplir le champ [ Identité ] !</blink>";
document.getElementById('nom').style.backgroundColor='red';
//alert("Vous devez remplir le champ [ Identité ] !");
return false;
}else if(nom !=""){
display0()
document.getElementById('nom').style.backgroundColor='#fff';
}
if(responsable ==""){
display1();
document.getElementById('responsable').style.backgroundColor='red';
document.getElementById('error').innerHTML ="<blink>Vous devez remplir le champ [ responsable ] !</blink>";
return false;
}else if(responsable !=""){
display0();
document.getElementById('responsable').style.backgroundColor='#fff';
}
if(addr ==""){
display1();
document.getElementById('addr').style.backgroundColor='red';
document.getElementById('error').innerHTML ="<blink>Vous devez remplir le champ [ Adresse ] </blink>";
return false;
}else if(addr !=""){
document.getElementById('addr').style.backgroundColor='#fff';
display0();
}
if(ville ==""){
display1();
document.getElementById('ville').style.backgroundColor='red';
document.getElementById('error').innerHTML ="<blink>Vous devez remplir le champ [ Ville ] !</blink>";
return false;
}else if(ville !=""){
document.getElementById('ville').style.backgroundColor='#fff';
display0();
}
if(cp ==""){
display1();
document.getElementById('cp').style.backgroundColor='red';
document.getElementById('error').innerHTML ="<blink>Vous devez remplir le champ [ Code postale ] !</blink>";
return false;
}else if(cp !=""){
document.getElementById('cp').style.backgroundColor='#fff';
display0();
}		
if((country =="") || (country == "paysnoninscrit") ){
display1();
document.getElementById('country').style.backgroundColor='red';
document.getElementById('error').innerHTML ="<blink>Veuillez sélectionner votre pays !</blink>";
return false;
}else if((country !="") || (country != "paysnoninscrit") ){
document.getElementById('country').style.backgroundColor='#fff';
display0();
}
if ( tel ==""){
display1();
document.getElementById('tel').style.backgroundColor='red';
document.getElementById('error').innerHTML ="<blink>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Le champ [ Téléphone ] doit être obligatoirement remplie.</blink>";
return false;
}else if ( tel !=""){
document.getElementById('tel').style.backgroundColor='#fff';
display0();
}
if (fax == ""){
display1();
document.getElementById('fax').style.backgroundColor='red';
document.getElementById('error').innerHTML ="<blink>Vous devez remplir le champ [ Fax ] !</blink>";
return false;
}else if (fax != ""){
document.getElementById('fax').style.backgroundColor='#fff';
display0();
}
if ( mail ==""){
display1();
document.getElementById('mail').style.backgroundColor='red';
document.getElementById('error').innerHTML ="<blink>&nbsp;&nbsp;&nbsp;Le champ [ E-mail ] doit être obligatoirement remplie. </blink>";
return false;
}else if ( mail !="")
{
	var p=mail.indexOf("@")
if(p==-1)
{
document.getElementById('mail').style.background='red';
display1();
 document.getElementById('error').innerHTML ="<blink>Format e-mail invalide !</blink>";
document.getElementById('mail').focus();
		return false;
}
else
{
	document.getElementById('mail').style.background='#FFFFFF';
	display0();
	}
}
if(passwd1 ==""){
display1();
document.getElementById('passwd1').style.backgroundColor='red';
document.getElementById('error').innerHTML ="<blink>Vous devez remlir le champ [ Mot de passe ] !</blink>";
return false;
}else if(passwd1 !=""){
display0();
 
document.getElementById('passwd1').style.backgroundColor='#fff';
}
if(passwd2 ==""){
display1();
document.getElementById('passwd2').style.backgroundColor='red';
document.getElementById('error').innerHTML ="<blink>Vous devez remlir le champ [ Mot de passe(2) ] ! </blink>";
return false;
}else if(passwd2 !=""){
display0();
}
if(comments ==""){
display1();
document.getElementById('error').innerHTML ="<blink>Vous devez remlir le champ [ Commentaire ] ! </blink>";
return false;
}else if(comments !=""){
display0();
}
	var	 code=document.getElementById('cp').value
		var toul=code.length;
		for(i=0;i<=toul-1;i++){
		var chifr=code.charAt(i);
		if(!((chifr>=0)&&(chifr<=9))){
		display1();
		document.getElementById('cp').style.backgroundColor='red';
        document.getElementById('error').innerHTML ="<blink>Le code postal est composé de 5 chiffres.</blink>";
		document.form2.cp.focus();
		return false;
		}else if(code !=""){
		display0();
		document.getElementById('cp').style.backgroundColor='#fff';
		}
		}
 
//--------------------------telephone-----------------------		
var tel=document.getElementById('tel').value;
			var T=tel.length;
			for(i=1;i<=T-1;i++)
	{
		var c=tel.charAt(i)
		if(!((c>=0)&&(c<=9)))
	{
		display1();
		document.getElementById('tel').style.backgroundColor='red';
        document.getElementById('error').innerHTML ="<blink>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Vous devez indiquer un numéro de téléphone correcte !</blink>";
		document.getElementById('mail').focus();
		return false;
		}else if(tel !=""){
		display0();
		document.getElementById('tel').style.backgroundColor='#fff';
		}
		}
//--------------------------end-telephone--------------
//--------------------------fax------------------------
var faxx=document.getElementById('fax').value;
			var T=faxx.length;
			for(i=1;i<=T-1;i++)
	{
		var c=faxx.charAt(i)
		if(!((c>=0)&&(c<=9)))
	{
	    display1();
        document.getElementById('error').innerHTML ="<blink>Vous devez indiquer un numéro de Fax correcte !</blink>";
		document.getElementById('fax').focus();
		return false;
		}else if(faxx !=""){
		display0();
		}
		}	
//--------------------------endfax-------------------------
//--------------------------passsss------------------------
if((document.getElementById('passwd1').value )!= (document.getElementById('passwd2').value)){
    display1();
	document.getElementById('passwd1').style.backgroundColor='red';
	document.getElementById('passwd2').style.backgroundColor='red';
    document.getElementById('error').innerHTML ="<blink>les deux mot de passe ne sont pas identique !</blink>";
	document.getElementById('passwd1').focus();
	return false;
}else if((document.getElementById('passwd1').value )!='' && (document.getElementById('passwd1').value )!=''){
    document.getElementById('passwd1').style.backgroundColor='#fff';
	document.getElementById('passwd2').style.backgroundColor='#fff';
	}
//--------------------------end-passsss--------------------
 
				/***********fin control***************/
	xhr.send('nom='+nom+'&responsable='+responsable+'&addr='+addr+'&ville='+ville+'&cp='+cp+'&country='+country+'&tel='+tel+'&fax='+fax+'&mail='+mail+'&passwd2='+passwd2+'&comments='+comments+'&secteur='+secteur+'&state='+state);
			}

ajax.js

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
function ajax(page,cible)
{
var xhr=null;
if(window.XMLHttpRequest)
{
xhr=new XMLHttpRequest;
}
if(window.ActiveXObject)
{
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
 
xhr.onreadystatechange= function()
{
   if (xhr.readyState == 4)      {
      document.getElementById(cible).innerHTML=xhr.responseText;
   }
}
 
xhr.open('GET',page,true);
xhr.send(null)
}

**Vil'Coyote** · 19/05/2009, 17h56

Code :

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

1
2
3
4
5
6
7
8
9
xhr.onreadystatechange= function()
{
   if (xhr.readyState == 4)      {
      document.getElementById(cible).innerHTML=xhr.responseText;
   }
}
 
xhr.open('GET',page,true);
xhr.send(null)

tu attend une réponse avant d'envoyer les données. ça marche pas. et de plus dans ton formulaire je ne vois pas de formulaire <form></form> ni ailleurs.

Dernière chose tu pourrais nous préciser l'ordre des tes page stp? par ce que là j'ai un vieux doute.
ta premiere page 'inconnue' vérifie si les données sont présente si c'est le cas le mail est envoyer sinon appel de la procédure ajax vers formulaire?

C'est un poil brouillon en faite.

**sooprano** · 20/05/2009, 15h13

Envoyé par Vil'Coyote

Code :

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

1
2
3
4
5
6
7
8
9
xhr.onreadystatechange= function()
{
   if (xhr.readyState == 4)      {
      document.getElementById(cible).innerHTML=xhr.responseText;
   }
}
 
xhr.open('GET',page,true);
xhr.send(null)

tu attend une réponse avant d'envoyer les données. ça marche pas. et de plus dans ton formulaire je ne vois pas de formulaire <form></form> ni ailleurs.

Dernière chose tu pourrais nous préciser l'ordre des tes page stp? par ce que là j'ai un vieux doute.
ta premiere page 'inconnue' vérifie si les données sont présente si c'est le cas le mail est envoyer sinon appel de la procédure ajax vers formulaire?

C'est un poil brouillon en faite.

salut bon pour mon formulaire tous marche bien je recois les données ainsi je peux les envoyés par email bon auparavant j'ai mis un message apres l'envoyé du formulaire

le formulaire a été envoyé avec sucées
Retour

est cette bouton retour contient

Code :

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

<a href="index.php" onclick="ajax('formulaire.html', 'corps'); return false">Retour</a>

es ca marchez parfaitement
maintenant je veux faire une redirection automatique sans cliquer sur Retour et sans chargé la page il dois retourné a div id="corps"
es ce possible de le faire ??

pour le fichier ajax.js
j'ai ajouter

Code :

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

1
2
3
if(xhr.readyState == 4 && xhr.status == 200)      {
      document.getElementById(cible).innerHTML=xhr.responseText;
   }

**Thes32** · 20/05/2009, 15h51

salut,
et

Code :

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

1
2
3
if(xhr.readyState == 4 && xhr.status == 200)      {
      window.location.href="ton url"
   }

??

**sooprano** · 20/05/2009, 16h35

Envoyé par thes32

salut,
et

Code :

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

1
2
3
if(xhr.readyState == 4 && xhr.status == 200)      {
      window.location.href="ton url"
   }

??

salut merci bcp pour ton aide
bon j'ai fais

window.location.href="ton url"

cela ma recuperer formulaire.html
mais moi je veux faire recuperer formulaire.html dans

ainsi je veux cette recuperation dois activer quand l'utilisateur clique sur envoyé formulaire et quand le message de sucée envoi de formulaire en ligne apres quelque seconde le formulaire reapparait a nouveau
habitullement on se sert de cette balise meta

Code :

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

<meta http-equiv="refresh" content="3;formulaire.html" />

mais puisque j'utilise ajax comment je puisse faire ca es ce possible d'en faire et je me contente de mon bouton retour

j'espere que j'été claire
aidez moi svp merci

voila script envoi formulaire pour control_formulaire.js

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
 
function getXhr(){
var xhr = null; 
if(window.XMLHttpRequest) // Firefox et autres
xhr = new XMLHttpRequest(); 
else if(window.ActiveXObject){ // Internet Explorer 
try {xhr = new ActiveXObject("Msxml2.XMLHTTP");}
		catch (e) {
			xhr = new ActiveXObject("Microsoft.XMLHTTP");
		        }
				}
				else { // XMLHttpRequest non supporté par le navigateur 
				   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
				   xhr = false; 
				} 
               return xhr;
			}
/***********************fin*****************************/
/******************************************************/
 
function ajax18(){
				var xhr = getXhr();
				// On défini ce qu'on va faire quand on aura la réponse
				xhr.onreadystatechange = function(){
					// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
					if(xhr.readyState == 4 && xhr.status == 200){
						leselect = xhr.responseText;
						// On se sert de innerHTML pour rajouter les options a la liste
						document.getElementById('corps').innerHTML = leselect;
					}
				}
 
				// Ici on va voir comment faire du post
				xhr.open("POST","envoi_formulaire.php",true);
				// ne pas oublier ça pour le post
				xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
				// ne pas oublier de poster les arguments
				// ici, l'id de l'auteur
 
var nom = document.getElementById('nom').value
var responsable = document.getElementById('responsable').value
var addr = document.getElementById('addr').value
var ville = document.getElementById('ville').value
var cp = document.getElementById('cp').value
var country = document.getElementById('country').value
var tel = document.getElementById('tel').value
var fax = document.getElementById('fax').value
var mail = document.getElementById('mail').value
var passwd1 = document.getElementById('passwd1').value
var passwd2 = document.getElementById('passwd2').value
var comments = document.getElementById('comments').value
/*************ici on mis control formulaire************/
/**************fin control************************/
xhr.send('nom='+nom+'&responsable='+responsable+'&addr='+addr+'&ville='+ville+'&cp='+cp+'&country='+country+'&tel='+tel+'&fax='+fax+'&mail='+mail+'&passwd2='+passwd2+'&comments='+comments+'&secteur='+secteur+'&state='+state);
			}
/**********************fin*****************************/

[AJAX] redirection automatique via ajax

AJAX

Discussions similaires

Partager

Partager