[Résolu] Envoyer par mail le résultat d'un formulaire fait en html

Marsh Posté le 05-01-2007 à 18:32:40

Bonjour à tous,

Je viens de créer un formulaire en html. J'ai donné un nom diffèrent à chacune des réponses possibles.

J'aimerais intégrer une fonction (javascript et php?) qui me permettrait d'envoyer le résultat des champs sélectionnés à un mail pré-défini.

Je nage complétement en javascript et en php, est ce que quelqu'un aurait la gentillesse de m'aider un petit peu ?

Merci.

Voilà mon code:

Code :

<html>
<head>
<style>
<!--
p.MsoNormal
{mso-style-parent:"";
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Times New Roman";
margin-left:0cm; margin-right:0cm; margin-top:0cm}
li.MsoNormal
{mso-style-parent:"";
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Times New Roman";
margin-left:0cm; margin-right:0cm; margin-top:0cm}
-->
</style>
<title>Questionnaire de satisfaction</title>
</head>
<body>
<h2 align="center">
<span style="text-decoration: overline;">
<i>
<u>
<font size="7">
<img border="0" src="interrogation.gif" align="left" width="150" height="249">
</font>
</u>
</i>
</span>
</h2>
<h2 align="center"> </h2>
<h2 align="center"> </h2>
<h2 align="center">
<span style="text-decoration: overline;"><i><u>
<font size="7" face="Comic Sans MS">Questionnaire de satisfaction</font></u></i></span></h2>
<p align="center"> </p>
<p align="left"> <font face="Comic Sans MS">Pour terminer, je vous propose de remplir un
petit questionnaire pour donner votre appréciation concernant mon curriculum vitae.</font></p>
<p align="left"> </p>
<form method="POST" action="mailto:***********@*********.fr" enctype="text/plain" name="Questionnaire de satisfaction">
<p class="MsoNormal" style="text-indent: -18.0pt; margin-left: 18.0pt">
<i>
<font face="Comic Sans MS" size="4">1) <span dir="LTR"><u>Présentation</u> :</span></font></i></p>
<p class="MsoNormal" style="text-indent: -18.0pt; margin-left: 18.0pt"> </p>
<ul style="margin-top: 0cm; margin-bottom: 0cm" type="disc">
<li class="MsoNormal"><font face="Comic Sans MS">Je suis satisfait par la sobriété.</font></li>
</ul>
<p>
<font face="Comic Sans MS">
<input type="radio" name="11oui">Oui.
<input type="radio" name="11non">Non.</font></p>
<ul style="margin-top: 0cm; margin-bottom: 0cm" type="disc">
<li class="MsoNormal"><font face="Comic Sans MS">La page de présentation annonce clairement le contenu.</font></li>
</ul>
<p>
<font face="Comic Sans MS">
<input type="radio" name="12oui">Oui.
<input type="radio" name="12non">Non.</font></p>
<p class="MsoNormal"> </p>
<p class="MsoNormal"> </p>
<p class="MsoNormal"> </p>
<p class="MsoNormal"><i><font face="Comic Sans MS" size="4">2) <u>Page daccueil</u> :</font></i></p>
<p class="MsoNormal"> </p>
<ul style="margin-top: 0cm; margin-bottom: 0cm" type="disc">
<li class="MsoNormal"><font face="Comic Sans MS">Jai trouvé rapidement les informations que je
cherchais.</font></li>
</ul>
<p>
<font face="Comic Sans MS">
<input type="radio" name="21oui">Oui.
<input type="radio" name="21non">Non.</font></p>
<ul style="margin-top: 0cm; margin-bottom: 0cm" type="disc">
<li class="MsoNormal"><font face="Comic Sans MS">Les informations ne se sont pas trop abondantes.</font></li>
</ul>
<p>
<font face="Comic Sans MS">
<input type="radio" name="22oui">Oui.
<input type="radio" name="22non">Non.</font></p>
<p class="MsoNormal"> </p>
<p class="MsoNormal"> </p>
<p class="MsoNormal"> </p>
<p class="MsoNormal"><i><font face="Comic Sans MS" size="4">3) <u>Sommaire</u> :</font></i></p>
<p class="MsoNormal"> </p>
<ul style="margin-top: 0cm; margin-bottom: 0cm" type="disc">
<li class="MsoNormal"><font face="Comic Sans MS">Clarté des informations disponible sur le curriculum
vitae.</font></li>
</ul>
<p>
<font face="Comic Sans MS">
<select name="31" SIZE="4">
<option selected>Très satisfaisante
<option>Satisfaisante
<option>Moyennement satisfaisante
<option>Pas satisfaisante
</select>
</font></p>
<p> </p>
<ul style="margin-top: 0cm; margin-bottom: 0cm" type="disc">
<li class="MsoNormal"><font face="Comic Sans MS">Facilité d'accès aux informations
principales/essentielles. </font> </li>
</ul>
<p>
<font face="Comic Sans MS">
<select name="32" SIZE="4">
<option selected>Très satisfaisante
<option>Satisfaisante
<option>Moyennement satisfaisante
<option>Pas satisfaisante
</select>
</font></p>
<p> </p>
<ul style="margin-top: 0cm; margin-bottom: 0cm" type="disc">
<li class="MsoNormal"><font face="Comic Sans MS">Facilité de navigation.</font></li></ul>
<p>
<font face="Comic Sans MS">
<select name="33" SIZE="4">
<option selected>Très satisfaisante
<option>Satisfaisante
<option>Moyennement satisfaisante
<option>Pas satisfaisante
</select>
</font></p>
<p> </p>
<ul style="margin-top: 0cm; margin-bottom: 0cm" type="disc">
<li class="MsoNormal"><font face="Comic Sans MS">Interactivité des divers éléments.</font></li>
</ul>
<p>
<font face="Comic Sans MS">
<select name="34" SIZE="4">
<option selected>Très satisfaisante
<option>Satisfaisante
<option>Moyennement satisfaisante
<option>Pas satisfaisante
</select>
</font></p>
<p> </p>
<p class="MsoNormal"> </p>
<p class="MsoNormal"><i><font face="Comic Sans MS" size="4">4) <u>Esthétique</u> :</font></i></p>
<p class="MsoNormal"> </p>
<ul style="margin-top: 0cm; margin-bottom: 0cm" type="disc">
<li class="MsoNormal"><font face="Comic Sans MS">Impression générale.</font></li>
</ul>
<p>
<font face="Comic Sans MS">
<select name="41" SIZE="4">
<option selected>Positive
<option>Plutôt positive
<option>Moyennement positive
<option>Négative
</select>
</font></p>
<p> </p>
<ul style="margin-top: 0cm; margin-bottom: 0cm" type="disc">
<li class="MsoNormal"><font face="Comic Sans MS">Couleurs et fonds utilisés.</font></li>
</ul>
<p>
<font face="Comic Sans MS">
<select name="42" SIZE="4">
<option selected>Bien assortis
<option>Assortis
<option>Moyennement assortis
<option>Inappropriés
</select>
</font></p>
<p> </p>
<p class="MsoNormal"><i><font face="Comic Sans MS" size="4">5) <u>Contenu</u> :</font></i></p>
<p class="MsoNormal"> </p>
<ul style="margin-top: 0cm; margin-bottom: 0cm" type="disc">
<li class="MsoNormal"><font face="Comic Sans MS">Les informations étaient suffisantes.</font></li>
</ul>
<p>
<font face="Comic Sans MS">
<input type="radio" name="51Oui">Oui.
<input type="radio" name="51non">Non.</font></p>
<ul style="margin-top: 0cm; margin-bottom: 0cm" type="disc">
<li class="MsoNormal"><font face="Comic Sans MS">Le curriculum vitae contient suffisamment de détails.</font></li>
</ul>
<p>
<font face="Comic Sans MS">
<input type="radio" name="52oui">Oui.
<input type="radio" name="52non">Non.
</font>
</p>
<p>
</p>
<center>
<p>
<font face="Comic Sans MS">Commentaires supplémentaires :</font></p>
<textarea name="Impressions" rows="5" cols="30">
</textarea>
<p> </p>
<p> </p>
<INPUT TYPE="SUBMIT" VALUE="Envoyer mes réponses" SIZE="40">
<INPUT TYPE="RESET" VALUE="Effacer les données saisies" SIZE="30">
</center>
</body>
</html>

Message édité par mauriiiiiice le 09-01-2007 à 15:25:23

Reply

Marsh Posté le 05-01-2007 à 18:32:40

Reply

Marsh Posté le 06-01-2007 à 22:52:31

Bonsoir,

Le plus simple est de passer par un script PHP. Il récupère les données, et te les envoi par mail. Le plus sûr serait d'enregistrer les résultats dans une base de données ou sur un fichier. C'est pas bcp plus long, et largement moins risqué.

Ci-dessous 2 fichiers fait un peu à la va-vite, mais qui devraient t'aider :

le document HTML

Code :

<html>
<head>
<title>Questionnaire de satisfaction</title>
<style>
* {
margin: 0;
padding: 0;
}
body {
font-family: "Comic Sans MS", verdana, arial, helvetica, sans-serif;
}
h1 {
font-size: 3em;
font-style: italic;
border-bottom: 4px solid, black;
border-top: 4px solid, black;
}
h2 {
margin-top: 15px;
font-size: 1.1em;
font-style: italic;
text-decoration: underline;
}
h3 {
margin-top: 5px;
font-size: 1em;
font-weight: normal;
}
</style>
</head>
<body>
<h1>Questionnaire de satisfaction</h1>
<form method="POST" action="traintement.php" >
<p>Pour terminer, je vous propose de remplir un petit questionnaire
pour donner votre appréciation concernant mon curriculum vitae.</p>
<h2>1) Présentation</h2>
<h3>Je suis satisfait par la sobriété.</h3>
<input type="radio" name="presA" id="presA1" value="oui" />
<label for="presA1">Oui</label>
<input type="radio" name="presA" id="presA2" value="non" />
<label for="presA2">Non</label>
<h3>La page de présentation annonce clairement le contenu</h3>
<input type="radio" name="presB" id="presB1" value="oui" />
<label for="presB1">Oui</label>
<input type="radio" name="presB" id="presB2" value="non" />
<label for="presB2">Non</label>
<h2>2) Page d'accueil</h2>
<h3>Jai trouvé rapidement les informations que je cherchais.</h3>
<input type="radio" name="pagA" id="pagA1" value="oui" />
<label for="pagA1">Oui</label>
<input type="radio" name="pagA" id="pagA2" value="non" />
<label for="pagA2">Non</label>
<h3>Les informations ne se sont pas trop abondantes.</h3>
<input type="radio" name="pagB" id="pagB1" value="oui" />
<label for="pagB1">Oui</label>
<input type="radio" name="pagB" id="pagB2" value="non" />
<label for="pagB2">Non</label>
<h2>3) Sommaire</h2>
<h3>Clarté des informations disponible sur le curriculum vitae.</h3>
<select name="3_1" size="4">
<option value="4" selected="selected">Très satisfaisante</option>
<option value="3">Satisfaisante</option>
<option value="2">Moyennement satisfaisante</option>
<option value="1">Pas satisfaisante</option>
</select>
<h3>Facilité d'accès aux informations principales/essentielles.</h3>
<select name="3_2" size="4">
<option value="4" selected="selected">Très satisfaisante</option>
<option value="3">Satisfaisante</option>
<option value="2">Moyennement satisfaisante</option>
<option value="1">Pas satisfaisante</option>
</select>
<h3>Facilité de navigation.</h3>
<select name="3_3" size="4">
<option value="4" selected="selected">Très satisfaisante</option>
<option value="3">Satisfaisante</option>
<option value="2">Moyennement satisfaisante</option>
<option value="1">Pas satisfaisante</option>
</select>
<h3>Interactivité des divers éléments.</h3>
<select name="3_4" size="4">
<option value="4" selected="selected">Très satisfaisante</option>
<option value="3">Satisfaisante</option>
<option value="2">Moyennement satisfaisante</option>
<option value="1">Pas satisfaisante</option>
</select>
<h2>4) Esthétique</h2>
<h3>Impression générale.</h3>
<select name="4_1" size="4">
<option value="4" selected="selected">Positive</option>
<option value="3">Plutot positive</option>
<option value="2">Moyennement Positive</option>
<option value="1">Négative</option>
</select>
<h3>Facilité d'accès aux informations principales/essentielles.</h3>
<select name="4_2" size="4">
<option value="4" selected="selected">Positive</option>
<option value="3">Plutot positive</option>
<option value="2">Moyennement Positive</option>
<option value="1">Négative</option>
</select>
<h2>5) Contenu</h2>
<h3>Les informations étaient suffisantes.</h3>
<input type="radio" name="5A" id="5A1" value="oui" />
<label for="5A1">Oui</label>
<input type="radio" name="5A" id="5A2" value="non" />
<label for="5A2">Non</label>
<h3>Le curriculum vitae contient suffisamment de détails.</h3>
<input type="radio" name="5B" id="5B1" value="oui" />
<label for="5B1">Oui</label>
<input type="radio" name="5B" id="5B2" value="non" />
<label for="5B2">Non</label>
<h2>6) Commentaires</h2>
<h3>Commentaires supplémentaires :</h3>
<textarea name="Impressions" rows="5" cols="30"> </textarea>
<input type="submit" value="Envoyer mes réponses" size="40" />
<input type="reset" value="Effacer les données saisies" size="30" />
</form>
</body>
</html>

Le script PHP

Code :

<?php
// Récupération des données
if (isset($_POST['presA']))
$radio[0] = $_POST['presA'];
else $radio[0] = 'vide';
if (isset($_POST['presB']))
$radio[1] = $_POST['presB'];
else $radio[1] = 'vide';
if (isset($_POST['pagA']))
$radio[2] = $_POST['pagA'];
else $radio[2] = 'vide';
if (isset($_POST['pagB']))
$radio[3] = $_POST['pagB'];
else $radio[3] = 'vide';
$sommaire1 = $_POST['3_1'];
$sommaire2 = $_POST['3_2'];
$sommaire3 = $_POST['3_3'];
$sommaire1 = $_POST['3_4'];
$esthetique1 = $_POST['4_1'];
$esthetique2 = $_POST['4_2'];
if (isset($_POST['5_A']))
$radio[4] = $_POST['5_A'];
else $radio[4] = 'vide';
if (isset($_POST['5_B']))
$radio[5] = $_POST['5_B'];
else $radio[5] = 'vide';
$commentaire = $_POST['Impressions'];
// Ecriture du message
$message = 'Un nouveau questionnaire a été rempli.\n\n';
$message .= "1. Présentation\n";
$message .= "\t- $radio[0]\n";
$message .= "\t- $radio[1]\n\n";
$message .= "2. Page d'acceuil\n";
$message .= "\t- $radio[3]\n";
$message .= "\t- $radio[4]\n\n";
$message .= "3. Sommaire\n";
$message .= "\t- $sommaire1\n";
$message .= "\t- $sommaire2\n";
$message .= "\t- $sommaire3\n";
$message .= "\t- $sommaire4\n\n";
$message .= "4. Esthétique\n";
$message .= "\t- $esthetique1\n";
$message .= "\t- $esthetique2\n\n";
$message .= "5. Contenu\n";
$message .= "\t- $radio[5]\n";
$message .= "\t- $radio[6]\n\n";
$message .= "6. Commentaires\n";
$message .= "\t- $commentaire\n\n";
$destinataire = 'a@b.cd';
$sujet = 'Réponse au questionnaire';
// Envoi
mail($destinataire, $sujet ,$message);
?>

Message édité par bepimaco le 09-01-2007 à 23:15:42

Reply

Marsh Posté le 06-01-2007 à 22:56:07

Le script PHP est vraiment minimaliste : il n'y a aucun contrôle des données. C'est pour que tu vois un peu la structure de base.

Les seuls test sont :

Code :

if (isset($_POST['presA']))
$radio[0] = $_POST['presA'];
else $radio[0] = 'vide';

Ils permettent de vérifier qu'au moins un des boutons radio a été coché. Sans ça, le programme bug.

Reply

[Résolu] Envoyer par mail le résultat d'un formulaire fait en html

Sujets relatifs:

Leave a Replay