POPUP aprés validation de formulaire

Version imprimable

03/02/2014, 14h14
scze01

POPUP aprés validation de formulaire

Bonjour a tous :roll:,

Je fais un formulaire de contact tout simple avec nom prenom email et message, en fait j'aimerai avoir un POPUP pour indiquer aux internautes que le message a bien été envoyé apres le traitement PHP tout en restant sur la même page.

J'ai essayé ceci en mettant du HTML dans le "echo" de mon traitement PHP pour ensuite etre affiche dans un POPUP, mais je n'y arrive pas !

A l'aide !! :oops:
03/02/2014, 15h24
SpaceFrog

Tu passes par ajax ou tu soumets ton form de façon traditionnelle avec rechargement de page ?
03/02/2014, 15h42
scze01

Là je fais la soumission du formulaire de façon traditionnelle avec rechargement de page..
03/02/2014, 15h57
SpaceFrog

c'est donc sur la page de traitement que tu dois inserer un javascript d'alert

Merci pour tes réponses si rapides!

En fait, comme j'ai dit plus haut, j'aimerai avoir un POPUP pour indiquer aux internautes que le message a bien été envoyé après le traitement PHP tout en restant sur la même page.

Je déduit a ton premier message qu'il faudra utiliser AJAX mais je connais pas ce langage :aie:

Un apercu du formulaire

Code:

1
2
3
4
5
6
7
<form method="post" id="contactform" action="traitement_contact.php">
    <p><label for="prenom"></label><input placeholder="Prenom :" maxlength="20" type="text" name="prenom" id="prenom"/></p>
    <p><label for="nom"></label><input placeholder="Nom* :" maxlength="20" type="text" name="nom" id="nom" required/></p>
    <p><label for="email"></label><input placeholder="Email* :" maxlength="30" type="email" name="email" id="email" required/></p>
    <p><label for="message"></label><textarea placeholder="Message* :" required name="message" id="message"></textarea></p>
    <p><input type="submit" name="submit" value="Envoyer"></p>
</form>

et le code php

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
if(isset($_POST['submit'])){
	if(!empty($_POST['nom']) && !empty($_POST['email']) && !empty($_POST['message'])){
		$destinataire = "monmail@gmail.com";
		$sujet = "Demande de contact";
		$message .= "Nom : ".$_POST['nom']."\r\n";
		$message .= "Prenom : ".$_POST['prenom']."\r\n";
		$message .= "Adresse email : ".$_POST['email']."\r\n";
		$message .= "Message : ".$_POST['message']."\r\n";
		$entete = 'From: '.$_POST['email']."\r\n".
		'Reply-To: '.$_POST['email']."\r\n".
		'X-Mailer: PHP/'.phpversion();
		if (mail($destinataire,$sujet,$message,$entete)){
			echo  '<div>
			       <h6 id="messageok">Votre message a bien été prise en compte</h6>
				   <p>Nous vous contacterons dans les plus brefs délais</div>'; 
		} 
		else{
			echo '<div  id="messageko">
				   <p>Une erreur est survenue lors de l\'envoi du message.</p>
			       </div>';
		}
	}
}

03/02/2014, 16h33
SpaceFrog

ajax c'est du js, c'est juste le protocole xmlhttrequest qui permet de converser avec le serveur sans recharger la page ...

Dans ton cas de figure il te faudra envoyer les données au serveur avec ajax et récupérer le resulat dans le callback.

Un peu de lecture sur ajax

http://ajax.developpez.com/cours/

Jquery propose un ensemble de fonctionnalités ajax faciles à utiliser...
03/02/2014, 16h58
scze01

C'est toujours nécessaire d'utiliser ajax même si j'utilise pas de base de donné mais l'envoi directement par mail.. ?
03/02/2014, 17h02
SpaceFrog

Si ton envoi de mail est fait par le serveur, et si tu ne souhaites pas recharger la page, ajax est alors la solution. (même si il est possible de bidouiller un truc avec des iframes :vomi:)