Formulaire de contact avec Xtreme Web Designer Pour faire un formulaire avec Xtreme Web Designer, j'utilise 5 pages, vous n'êtes pas obligé, en effet 2 pages peuvent suffir mais c'est moins jolie. Donc je créer 5 pages, 4 pages en html et 1 en PHP. Mais c'est quoi HTML et PHP. Le HTML est un language pour que les navigateurs internet puisse afficher une page Web. Le PHP est un language seules les serveurs comprenent et vous affiche une page sur votre navigateur. Donc quand vous créer des pages avec Xtreme Web Designer, vous créer une page en HTML, c'est une page avec du code. Pour voir le code de vos pages. Quand vous exporter votre site dans un dossier que vous avez choisi, toutes vos pages sont en HTML, ouvrer l'une d'elle. Dans l'explorateur qui c'est ouvert par défaut, faites apparaître le code. Pour FireFox : Aller dans le menu affichage et code source de la page. Pour Internet explorer : Menu Affichage et source.
Xtreme Web Designer ne créer pas de page en PHP. Pour ce faire il vous faut un logiciel Notepad ++ Votre nouveau logiciel ouvert, aller dans le menu Langage et choisisser PHP Copier et coller ce code :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <!-- saved from url=(0020)http://www.xara.com/ --> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> </head> <body> <?php $msg_erreur = "Erreur. Les champs suivants doivent être obligatoirement remplis :<br/><br/>"; $msg_ok = "Votre demande a bien été prise en compte."; $message = $msg_erreur; define('mail_destinataire','xxxxxx@xxxxxxx.com'); // remplacer par votre email define('mail_sujet','formulaire'); // vérification des champs if (empty($_post['nom'])) $message.= "Votre nom<br/>"; if (empty($_post['prenom'])) $message.= "Votre prenom<br/>"; if (empty($_post['ville'])) $message.= "Votre ville<br/>"; if (empty($_post['codepostal'])) $message.= "Votre codepostal<br/>"; if (empty($_post['email'])) $message.= "Votre email<br/>"; if (empty($_post['objet'])) $message.= "Votre objet<br/>"; if (empty($_post['comments'])) $message.= "Votre message<br/>"; // si un champ est vide, on affiche le message d'erreur if (strlen($message) > strlen($msg_erreur)) { header("location:vide.htm"); exit(); // sinon c'est ok } else { foreach($_post as $index => $valeur) { $$index = stripslashes(trim($valeur)); } //Préparation de l'entête du mail: $mail_entete = "MIME-Version: 1.0\r\n"; $mail_entete.= "From: {$_POST['nom']} "."<{$_POST['email']}>\r\n"; $mail_entete.= 'Reply-To: '.$_POST['email']."\r\n"; $mail_entete.= 'Content-Type: text/plain; charset="iso-8859-1"'; $mail_entete.= "\r\ncontent-transfer-encoding: 8bit\r\n"; $mail_entete.= 'X-Mailer:PHP/'. phpversion()."\r\n"; // préparation du corps du mail $mail_corps = "Message de : $nom, $prenom\n"; $mail_corps.= "Ville : $ville\n"; $mail_corps.= "Code postal : $codepostal\n"; $mail_corps.= "Email : $email\n"; $mail_corps.= "Objet : $objet\n"; $mail_corps.= "Commentaire : \n $comments"; // envoi du mail if (mail(mail_destinataire,mail_sujet,$mail_corps,$mail_entete)) { //Le mail est bien expédié header("location: destinataire.htm"); exit(); //Le mail n'a pas été expédié header("location: erreur.htm"); exit(); } }?> </body> </html>
Repérer ceci dans la page et remplacer par votre email xxxxxx@xxxxxxx.com Maintenant créer les 4 pages avec Web Designer 1 page nommée formulaire.html 1 page nommée destinataire.html 1 page nommée erreur.html 1 page nommée vide.html Sur la page formulaire dessiner un carré, puis par un clic droit dessus, aller dans propriété puis onglet emplacement d'objet Copier et coller ce code :
<form name="form1" method="post" action=formulaire.php"> <table align="center" border="0" bordercolor="#ffffff" bgcolor="#ffffff"> <tr bordercolor="#ffffff" bgcolor="#ffffff" > <font size="-1" face="times New Roman, Times, serif">nom</font></td> <input name="nom" type="text" size="20" maxlength="15"> <font size="-1">prenom</font></td> <input name="prenom" type="text" size="20" maxlength="15"> <font size="-1">ville</font></td> <input name="ville" type="text" size="20" maxlength="15"> <div align="left"> <font size="-1">code postal</font> <input name="codepostal" type="text" size="20" maxlength="15"> <font size="-1">email</font></td> <input name="email" type="text" size="20" maxlength="15"> <font size="-1">objet</font></td> <select name="objet"> <option>.</option> <option>-- Renseignement -- </option> <option>devis</option> </select> <tr bordercolor="#ffffff"> </div> <div align="right"> <textarea name="comments" rows="7" cols="30"></textarea> <tr bordercolor="#ffffff"> </td> <input name="reset" type="reset" value="effacer"> <input name="submit" type="submit" value="envoyer"> </table> </form>
Ce qui vous donnera ce style de formulaire Pour l'adapter à vos besoin, il faut modifié le code html.
Créer votre page destinataire : Sur cette page vous écrivez un message, le formulaire est bien envoyé au destinataire. Créer votre page nomée vide Sur cette page vous écrivez un message d'alerte, tous les champs n'ont pas été rempli. Créer la page erreur. Sur cette page vous écrivez le message, le formulaire n'est pas arrivé à son destinataire. Noubliez pas de joindre votre page formulaire.php dans le dossier index html files si vous voulez quel soit publier en même temps que votre site. Ceci est juste un tuto, comment mettre un formulaire avec Xtreme Web Designer. Si vous voulez aller plus loin, un conseil, lisez les sites spécilisés dans le domaine, pour bien comprendre ce que vous faites. Ne serais que pour changer le formulaire pour l' adapter a votre site Et aussi le code PHP pour adapter l'envoie par email. www.site du zero.com www.php débutant.org Mes sources: www.6ma.fr