Bonjour

J'ai un formulaire de contact sur mon site et lors de l'envoie (après validation) le code de la page s'exécute et me renvoie sur la page d’accueil.

Je souhaites donc affiché une fenêtre pop-up, après le clique sur le bouton submit (juste avant la redirection vers la page d'accueil) pour pouvoir écrire dessus que le message à bien était envoyé.

J'ai essayé de le faire avec plusieurs exemple sans succès.
(de plus je tien a précisez que mon site est en faite en une seul page regarder par vous même www.olyart.fr quand je clique sur contact enfaîte l'adresse de la page ne change pas d'ou la difficulté)

Merci d'avance pour votre aide.

Voici mes codes au cas ou :

PHP

<?php
if($_POST){
$to = 'monadresse@mail.fr';
$from_name = $_POST['name'];
$from_email = $_POST['email'];
$message = $_POST['message'];
$header = "From: $from_name <$from_email>";
mail($to, $message, $header);
}
?>

HTML

<form method="post" action="index.html" name="contactform" id="contactform">
<!-- Column Left -->
<div class="column">
<input type="text" id="name" name="name" class="input" placeholder="Votre Nom"/>
</div>
<!-- End Column -->
<!-- Column Right -->
<div class="column last">
<input type="text" id="email" name="email" class="input" placeholder="Votre Email"/>
</div>
<!-- End Column Right -->
<textarea id="message" name="message" rows="6" class="textarea" placeholder="Votre Message"></textarea>
<div class="clear"></div>
<input type="submit" name="submit" value="Envoyer" class="submit-button" />
</form>

J'ai ajouter ce code à la fin de ma page html :

<script>
$('#contactform').submit(function(e) {
event.preventDefault()

$.ajax({
type: 'post',
data: $(this).serialize()
}).done(function(response) {
alert('Votre message à bien été envoyé. \n Merci !');
location.href = 'mail.php';
});
});
</script>

Donc quand je clique sur envoyer j'ai bien une alerte m'indiquant que le message à bien était envoyé, seulement je ne reçoit pas les messages.
J'ai donc essayé de retiré ce code et là je reçoit bien les messages sauf que je n'ai forcement plus de message d'alerte.

C'est bon j'ai finalement réussi en modifiant mon code comme ceci :

$('#contactform').submit(function(e){
e.preventDefault()

$.ajax({
url: 'mail.php',
type: 'post',
data: $(this).serialize()
}).done(function(response){
alert('Votre message à bien été envoyé. \n Merci !');
location.href = 'index.html';
});
});

Merci