diff options
Diffstat (limited to 'contact.php')
| -rw-r--r-- | contact.php | 101 |
1 files changed, 101 insertions, 0 deletions
diff --git a/contact.php b/contact.php new file mode 100644 index 0000000..3eeaf83 --- /dev/null +++ b/contact.php | |||
| @@ -0,0 +1,101 @@ | |||
| 1 | <?php | ||
| 2 | // reremplir le formulaire en cas d'échec à l'envoi | ||
| 3 | session_start(); | ||
| 4 | if(isset($_SESSION['contenu'])) | ||
| 5 | { | ||
| 6 | $contenu = $_SESSION['contenu']; | ||
| 7 | } | ||
| 8 | else | ||
| 9 | { | ||
| 10 | $contenu = ''; | ||
| 11 | } | ||
| 12 | if(isset($_SESSION['adresse'])) | ||
| 13 | { | ||
| 14 | $adresse = $_SESSION['adresse']; | ||
| 15 | } | ||
| 16 | else | ||
| 17 | { | ||
| 18 | $adresse = ''; | ||
| 19 | } | ||
| 20 | ?> | ||
| 21 | <!DOCTYPE html> | ||
| 22 | <html lang="fr" > | ||
| 23 | <head> | ||
| 24 | <!-- pour pouvoir envoyer un mail html, l'en-tête content-type doit être présente --> | ||
| 25 | <meta http-equiv="Content-Type" content="text/html" /> | ||
| 26 | <meta charset="utf-8" /> | ||
| 27 | <title>Contacter Ordipolo</title> | ||
| 28 | <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" /> | ||
| 29 | <link rel="icon" type="image/png" href="images/favicon.png" > | ||
| 30 | <link rel="stylesheet" href="ordipolo.css" /> | ||
| 31 | <meta name="description" content="Contacter Ordipolo." /> | ||
| 32 | <meta name="viewport" content="width=device-width" /> | ||
| 33 | <style> | ||
| 34 | i{color: red;} /* messages d'erreur */ | ||
| 35 | article p{margin: 0px;} | ||
| 36 | article{margin-bottom: 20px;} | ||
| 37 | @media screen and (max-width: 750px){aside{display: none;}} | ||
| 38 | </style> | ||
| 39 | </head> | ||
| 40 | |||
| 41 | <body> | ||
| 42 | <div id="bloc_page" > | ||
| 43 | <header> | ||
| 44 | <?php $actuelle = "contact"; ?> | ||
| 45 | <?php include ("menu.php"); ?> | ||
| 46 | |||
| 47 | <p><a href="index.php" > | ||
| 48 | <img id="logohaut" src="images/logo.png" alt="ordipolo" /> | ||
| 49 | <img id="logotitre" src="images/ordipolo.png" alt="ordipolo" /></a></p> | ||
| 50 | </header> | ||
| 51 | |||
| 52 | <section> | ||
| 53 | <aside> | ||
| 54 | <p><img class="photo" src="images/moi.jpg" alt="ordipolo dépannage informatique" /></p> | ||
| 55 | <p>Paul Jusot</p> | ||
| 56 | <p><img src="images/contact.png" alt="un problème d'affichage, rechargez la page" /></p> | ||
| 57 | </aside> | ||
| 58 | |||
| 59 | <article> | ||
| 60 | <form method="post" action="contact-post.php" > | ||
| 61 | <p><label for="email" >Votre adresse électronique (du type: machin@bidule.fr) : </label><br/> | ||
| 62 | <input required type="email" id="email" name="adresse" size="30" value="<?= $adresse ?>" /></p> | ||
| 63 | <p><label for="message" >Votre message :</label><br/> | ||
| 64 | <textarea required id="message" name="contenu" cols="60" rows="12"><?= $contenu ?></textarea></p> | ||
| 65 | |||
| 66 | <!-- captcha anti-spam --> | ||
| 67 | <p>Montrez que vous n'êtes pas un robot.<br/> | ||
| 68 | <label for="captcha" >Combien fait 3 multiplié par 7</label> | ||
| 69 | <input required type="text" id="captcha" name="captcha" size="1" /></p> | ||
| 70 | |||
| 71 | <p><input type="submit" name="submit" value="Envoyer votre message" /></p> | ||
| 72 | |||
| 73 | <?php | ||
| 74 | // messages d'erreur | ||
| 75 | if (isset($_GET['erreur'])) | ||
| 76 | { | ||
| 77 | if ($_GET['erreur'] == 2) | ||
| 78 | { | ||
| 79 | echo ('<i>Veuillez donner le résultat de l\'opération s\'il vous plaît..</i>'); | ||
| 80 | } | ||
| 81 | else if ($_GET['erreur'] == 1) | ||
| 82 | { | ||
| 83 | echo ('<i>Erreur d\'envoi: Veuillez indiquer une adresse e-mail valide et écrire un message.</i>'); | ||
| 84 | } | ||
| 85 | elseif ($_GET['erreur'] == 0) | ||
| 86 | { | ||
| 87 | echo ('<i>Votre message à bien été envoyé.</i>'); | ||
| 88 | } | ||
| 89 | else | ||
| 90 | {} | ||
| 91 | } | ||
| 92 | else | ||
| 93 | {} | ||
| 94 | ?> | ||
| 95 | </form> | ||
| 96 | </article> | ||
| 97 | </section> | ||
| 98 | </div> | ||
| 99 | </body> | ||
| 100 | <script src="detecteur.js"></script> | ||
| 101 | </html> | ||