Discussion :

[theoliy]

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

Code :

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

1
2
3
4
5
6
7
8
9
10
<?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

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<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>

[Dumbeldor]

Salut,

Tu dis avoir essayé plusieurs code, tu peux préciser ?
Sinon essaye de faire un <script> alert("Test") </script> Juste avant la redirection, normalement il sera exécuté et attendra une réponse de l'utilisateur pour actualiser la page. J'attend de tes nouvelles.

[theoliy]

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

Code javascript :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<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.

[Bovino]

Ta requête AJAX, tu l'envoies où au juste ?

[theoliy]

C'est à dire ?

[Bovino]

Ben c'est-à-dire que

Code javascript :

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

1
2
3
4
$.ajax({ 
type: 'post', 
data: $(this).serialize() 
})

c'est sensé faire quoi selon toi ?