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
| <script type="text/javascript">
$("#envoi").click(function(){
$.ajax({
type: "POST",
url: "sendmail.php",
data: "nom="+$('[name=nom]').val()+"&tel="+$('[name=tel]').val()+"&courriel="+$('[name=courriel]').val()+"&message="+$('textarea').val(),
success: function(msg){
$("#formulaire").hide();
$("#info").empty();
if (msg=='ok')
$("#info").append("<li>Votre message a bien été envoyé</li>");
else
$("#info").append("<li>Une erreur a été rencontrée durant l'envoi du message. Merci de réessayer plus tard.</li>");
}
});
});
</script>
<h2>Contact</h2>
<p>Pour tout devis ou autre demande d'information, merci de compléter le fomulaire ci-dessous. Nous vous répondrons dans les plus brefs délais.</p>
<ul id="info" style="color : #900;margin-left : 30px"></ul>
<table style="margin : 20px;border : 1px solid #b5ff1c;" cellspacing="10px" id="formulaire">
<tr>
<td><label>Nom ou raison sociale<sup>*</sup> : </label> </td>
<td><input type="text" size="40" name="nom"/></td>
</tr>
<tr>
<td><label>Courriel : </label></td>
<td><input type="text" size="40" name="courriel"/></td>
</tr>
<tr>
<td><label>Téléphone<sup>*</sup> : </label></td>
<td><input type="text" size="40" name="tel"/></td>
</tr>
<tr>
<td><label>Message<sup>*</sup> : </label></td>
<td><textarea type="text" rows="3" cols="31" name="message"/></td>
</tr>
<tr>
<td></td>
<td style="text-align : center">
<button id="envoi" style="width : 100px">Envoyer</button> 
<button id="reinit" style="width : 100px">Effacer</button>
</td>
</tr>
</table>
<p>Vous pouvez également nous contacter par téléphone au <strong>03.88.55.42.41</strong> du lundi au vendredi de 9h00 à 18h00</p>
<p><sup>*</sup> : champs obligatoires</p> |
Partager