Problème formulaire html

[cthierry74]

Bonjour,

Je dois réaliser un formulaire pour mon site mais je dois me conformer à certaines restrictions techniques que voici :

Le remplissage d'un formulaire sur votre site déclenche l'envoi d'un mail au format HTML

Les champs qui seront récupérés seront tracés grâce à un attribut ID placée dans une balise <td> ou <p> comme dans l'exemple.

En fait la moulinette fonctionne en recherchant les suites de caractères sdp_nom par exemple, puis compte 5 caractères depuis la fin de la balise. Par exemple :

Code :

<td id="sdp_tel"><p>0685901102</p></td>

ou

Code :

<p id="sdp_formulaire"><p>Accueil</p></p>

Remarque : il est important que les balises HTML soient en minuscule, et non en majuscule.


Listes des variables qu'on récupère des champs de saisie du formulaire :
sdp_nom
sdp_prenom
sdp_email
sdp_tel
sdp_rue
sdp_cp
sdp_ville
sdp_pays
sdp_profession
sdp_jour_effet
sdp_mois_effet
sdp_annee_effet


Listes des variables "en dur"
sdp_apporteur = "FrontalierSuisse.net"
sdp_formulaire = "Frontalier"
sdp_type_affaire = "5"

Toutes les variables ne doivent pas figurer obligatoirement.



J'ai réalisé un formulaire visible à la page http://www.frontaliersuisse.net/formulaire.html

Mais voilà ce qu'on m'a répondu :

Je viens de tester le formulaire. Le code que me renvoi le mail n'est pas le bon. Le prospect ne s'intégrera pas dans notre base.

Il faut idéalement faire un tableau (pas obligatoire) et reprendre chaque données ainsi :

Code :

<td id="sdp_tel"><p>0685901102</p></td>

Or, voici ce que me donne la source du mail :

Code :

<FONT size=2 face=Arial>sdp_tel=0450318276</FONT> <BR>

J'ai essayé d'intégrer un tableau au formulaire mais ça ne règle pas la source du problème. Pouvez-vous m'aidez ? Merci

PS : je débute en HTML

[ornitho13]

Salut,

ce n'est pas au formulaire qu'il faut intégrer un tableau mais dans le corps du mail que tu envoies.

[cthierry74]

Merci, je comprends mieux maintenant mais comment dois-je faire concrètement svp ?

[ornitho13]

et bien je n'ai pas ton code sous les yeux mais c'est du coté serveur quand tu reçois les données du formulaire, tu les traites ? et bien c'est à ce moment là qu'il faut le faire (je suppose que c'est un fichier PHP)

[cthierry74]

Merci de ton aide Ornitho 13 mais je ne traite pas les infos et je suis seulement censé les faire parvenir via un mail à un partenaire.

Voici mon code :

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
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
<form name="frontalier" enctype="text/plain" method="post" action="mailto:thierrychevailler@hotmail.com"> <big> </big>
 
  <fieldset><legend><big><span style="font-weight: bold;">Informations
personnelles <br />
  </span> </big> </legend>
  <p><label for="sdp_nom"><big>Nom : </big></label><big><input size="20" id="sdp_nom" name="sdp_nom" /></big></p>
  <p><label for="sdp_prénom"><big>Prénom : </big></label><big><input size="20" id="sdp_prénom" name="sdp_prenom" /></big></p>
  <big> </big>
  <p><small><label for="sdp_profession"><big><big>Profession : </big></big></label></small><big><big><input size="20" id="sdp_profession" name="sdp_profession" /></big></big></p>
 
  <big> <big> </big> </big>
  <p><small><label for="sdp_naissance"><big><big>Date naissance Jour: </big></big></label></small><big><big>
  <select id="sdp_jour_effet" name="sdp_jour_naissance" tabindex="11">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
 
  <option value="4">4</option>
  <option value="5">5</option>
  <option value="6">6</option>
  <option value="7" selected="selected">7</option>
  <option value="8">8</option>
  <option value="9">9</option>
 
  <option value="10">10</option>
  <option value="11">11</option>
  <option value="12">12</option>
  <option value="13">13</option>
  <option value="14">14</option>
  <option value="15">15</option>
 
  <option value="16">16</option>
  <option value="17">17</option>
  <option value="18">18</option>
  <option value="19">19</option>
  <option value="20">20</option>
  <option value="21">21</option>
 
  <option value="22">22</option>
  <option value="23">23</option>
  <option value="24">24</option>
  <option value="25">25</option>
  <option value="26">26</option>
  <option value="27">27</option>
 
  <option value="28">28</option>
  <option value="29">29</option>
  <option value="30">30</option>
  <option value="31">31</option>
  </select>
  </big></big> <big><big> </big><label for="sdp_mois_naissance" /></big><big>Mois
:<big> </big></big><big>
 
  <select id="sdp_mois_effet" name="sdp_mois_naissance" tabindex="11">
  <option value="1" selected="selected">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
  <option value="5">5</option>
 
  <option value="6">6</option>
  <option value="7">7</option>
  <option value="8">8</option>
  <option value="9">9</option>
  <option value="10">10</option>
  <option value="11">11</option>
 
  <option value="12">12</option>
  </select>
  </big><big><label for="sdp_annee_naissance">Année : </label>
  <select id="sdp_annee_effet" name="sdp_annee_naissance" tabindex="11">
  <option value="1993">1993</option>
  <option value="1992">1992</option>
  <option value="1991">1991</option>
 
  <option value="1990">1990</option>
  <option value="1989">1989</option>
  <option value="1988">1988</option>
  <option value="1987" selected="selected">1987</option>
  <option value="1986">1986</option>
  <option value="1985">1985</option>
 
  <option value="1984">1984</option>
  <option value="1983">1983</option>
  <option value="1982">1982</option>
  <option value="1981">1981</option>
  <option value="1980">1980</option>
  <option value="1979">1979</option>
 
  <option value="1978">1978</option>
  <option value="1977">1977</option>
  <option value="1976">1976</option>
  <option value="1975">1975</option>
  <option value="1974">1974</option>
  <option value="1973">1973</option>
 
  <option value="1972">1972</option>
  <option value="1971">1971</option>
  <option value="1970">1970</option>
  <option value="1969">1969</option>
  <option value="1968">1968</option>
  <option value="1967">1967</option>
 
  <option value="1966">1966</option>
  <option value="1965">1965</option>
  <option value="1964">1964</option>
  <option value="1963">1963</option>
  <option value="1962">1962</option>
  <option value="1961">1961</option>
 
  <option value="1960">1960</option>
  <option value="1959">1959</option>
  <option value="1958">1958</option>
  <option value="1957">1957</option>
  <option value="1956">1956</option>
  <option value="1955">1955</option>
 
  <option value="1954">1954</option>
  <option value="1953">1953</option>
  <option value="1952">1952</option>
  <option value="1951">1951</option>
  <option value="1950">1950</option>
  <option value="1949">1949</option>
 
  <option value="1948">1948</option>
  <option value="1947">1947</option>
  <option value="1946">1946</option>
  </select>
  </big></p>
  </fieldset>
  <br />
 
  <br />
  <br />
  <br />
  <fieldset><legend style="font-weight: bold;"><big>Coordonnées</big> </legend>
  <p><label for="sdp_email"><big>E-mail :</big></label> <big> <input size="40" id="sdp_email" name="sdp_email" /></big></p>
  <big><big> <big> <big> </big> </big> </big></big>
 
  <p><small><small><small><label for="sdp_tel"><big><big><big><big>Tel
: </big></big></big></big></label></small></small></small><big><big><big><big><input size="15" id="sdp_tel" name="sdp_tel" /></big></big></big></big></p>
  <big><big> <big> <big> </big> </big> </big></big>
  <p> <big><big><small>Adresse : </small><big><big><input size="40" id="sdp_rue" name="sdp_rue" /></big></big></big></big></p>
  <big><big> <big> <big> </big> </big> </big></big>
 
  <p><small><small><small><label for="sdp_cp"><big><big><big><big>CP : </big></big></big></big></label></small></small></small><big><big><big><big><input size="5" id="sdp_cp" name="sdp_cp" /></big></big></big></big></p>
  <big><big> <big> <big> </big> </big> </big></big>
  <p><small><small><small><label for="sdp_ville"><big><big><big><big>Ville
: </big></big></big></big></label></small></small></small><big><big><big><big><input size="20" id="sdp_ville" name="sdp_ville" /></big></big></big></big></p>
  <big><big> <big> <big> </big> </big> </big></big>
 
  <p><small><small><small><label for="sdp_pays"><big><big><big><big>Pays
: </big></big></big></big></label></small></small></small><big><big><big><big><input size="20" id="sdp_pays" name="sdp_pays" /></big></big></big></big></p>
  </fieldset>
  <big><big> <big> <big> <br />
  </big></big></big></big>
  <fieldset><legend style="font-weight: bold;"><big> Date souhaitée de
prise de l'effet de l'assurance</big></legend>
  <p><big><big><big><big><small><small><small><small><small><label for="sdp_jour_effet"><big><big>Date contrat Jour: </big></big></label></small></small></small></small></small><big><big>
 
  <select id="sdp_jour_effet" name="sdp_jour_effet" tabindex="11">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
  <option value="5">5</option>
 
  <option value="6">6</option>
  <option value="7" selected="selected">7</option>
  <option value="8">8</option>
  <option value="9">9</option>
  <option value="10">10</option>
  <option value="11">11</option>
 
  <option value="12">12</option>
  <option value="13">13</option>
  <option value="14">14</option>
  <option value="15">15</option>
  <option value="16">16</option>
  <option value="17">17</option>
 
  <option value="18">18</option>
  <option value="19">19</option>
  <option value="20">20</option>
  <option value="21">21</option>
  <option value="22">22</option>
  <option value="23">23</option>
 
  <option value="24">24</option>
  <option value="25">25</option>
  <option value="26">26</option>
  <option value="27">27</option>
  <option value="28">28</option>
  <option value="29">29</option>
 
  <option value="30">30</option>
  <option value="31">31</option>
  </select>
  </big></big> <small><small><small><label for="sdp_mois_effet" /></small></small></small><big><small><small><small><small>Mois
:</small></small></small></small><big> </big></big><big>
  <select id="sdp_mois_effet" name="sdp_mois_effet" tabindex="11">
  <option value="1" selected="selected">1</option>
 
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
  <option value="5">5</option>
  <option value="6">6</option>
  <option value="7">7</option>
 
  <option value="8">8</option>
  <option value="9">9</option>
  <option value="10">10</option>
  <option value="11">11</option>
  <option value="12">12</option>
  </select>
 
  </big><big><small><small><small><small><label for="sdp_annee_effet">Année
: </label></small></small></small></small>
  <select id="sdp_annee_effet" name="sdp_annee_effet" tabindex="11">
  <option value="2011" selected="selected">2011</option>
  <option value="2012">2012</option>
  </select>
  </big></big></big></big></big></p>
  </fieldset>
 
  <small><font size="-2"><br />
  <br />
  <input name="sdp_apporteur" value="FrontalierSuisse.net" type="hidden" /><br />
  <input name="sdp_formulaire" value="Frontalier" type="hidden" /><br />
  <input name="sdp_type_affaire" value="5" type="hidden" /></font></small><big><big><big><big><big><br />
  <input name="ok" value="Valider" type="submit" /><br />
  <br />
  </big> <big><input type="reset" /></big><big><br />

PS : j'ai mis mon adresse pour l'envoi du formulaire uniquement pour le tester...

Est-ce qu'il y a un moyen de paramétrer les données des résultats du formulaire en amont de l'envoi de celui ci ?

[ornitho13]

ah d'accord je comprends mieux.

Ce que tu peux faire c'est de traiter la soumission du mail via javascript. Comme ça tu crées le corps du mail avant de l'envoyer.
Dans le "mailto" tu peux mettre des paramètres tels que :
-subject : titre du mail
- body : corps du mail
- cc: adresse en copie
- ... et j'en passe.
Exemple :

Code :

1
2
3
<a href="mailto:thierrychevailler@hotmail.com&subjet=titre de mon mail&body=<table><tr><td>le corps de mon mail dans un tableau</td></tr></table>">
    envoyer un mail
</a>

Bref à la soumission du formulaire, tu exécutes une fonction qui récupère tous les paramètres de ton formulaire et qui forme le corps du mail (donc un tableau dans ton cas) et ensuite, toujours via javascript, tu envoies le mail avec avec l'attribut "body" de ton "mailto".