MAJ du portfolio

PHP/main.php

@@ -11,13 +11,15 @@ if ($_SERVER["REQUEST_METHOD"] == "POST") {
 
     $email_body = "You have received a new message from $name ($email):\n\n$message";
 
-    $headers = "From: $name <$email>\r\n";
+    $from = "hugo.crneau@gmail.com";
+
+    $headers = "From: $from\r\n";
     $headers .= "Reply-To: $email\r\n";
 
     if (mail($to, $email_subject, $email_body, $headers)) {
-        header("Location: index.html");
+        echo "success";
-        exit;
     } else {
-        echo "Failed to send the email.";
+        echo "error";
     }
 }
+?>

index.html

@@ -746,34 +746,34 @@
                         me contacter au mail ci dessus)</h3>
                     <h4 class="contact-sub-title padd-15">JE REPONDS AUX MESSAGES</h4>
                     <div class="row">
-                        <form class="contact-form padd-15" action="/PHP/main.php" method="POST">
+                        <form id="contactForm" class="contact-form padd-15" method="POST">
                             <div class="row">
                                 <div class="form-item col-6 padd-15">
                                     <div class="form-group">
-                                        <label for="textInput">Nom :</label>
+                                        <label for="nameInput">Nom :</label>
-                                        <input id="textInput" type="text" class="form-control" placeholder="Nom">
+                                        <input id="nameInput" name="name" type="text" class="form-control" placeholder="Nom" required>
                                     </div>
                                 </div>
                                 <div class="form-item col-6 padd-15">
                                     <div class="form-group">
-                                        <label for="mailInput">Email :</label>
+                                        <label for="emailInput">Email :</label>
-                                        <input id="mailInput" type="email" class="form-control" placeholder="Email">
+                                        <input id="emailInput" name="email" type="email" class="form-control" placeholder="Email" required>
                                     </div>
                                 </div>
                             </div>
                             <div class="row">
                                 <div class="form-item col-12 padd-15">
                                     <div class="form-group">
-                                        <label for="descInput">Objet :</label>
+                                        <label for="subjectInput">Objet :</label>
-                                        <input id="descInput" type="text" class="form-control" placeholder="Objet">
+                                        <input id="subjectInput" name="subject" type="text" class="form-control" placeholder="Objet" required>
                                     </div>
                                 </div>
                             </div>
                             <div class="row">
                                 <div class="form-item col-12 padd-15">
                                     <div class="form-group">
-                                        <label for="messageArea">Message :</label>
+                                        <label for="messageInput">Message :</label>
-                                        <textarea name="" class="form-control" id="messageArea" placeholder="Message"></textarea>
+                                        <textarea id="messageInput" name="message" class="form-control" placeholder="Message" required></textarea>
                                     </div>
                                 </div>
                             </div>

js/script.js

@@ -123,3 +123,28 @@ portfolioImages.forEach(function (image, index) {
     }
   });
 });
+
+document
+  .getElementById("contactForm")
+  .addEventListener("submit", function (event) {
+    event.preventDefault();
+
+    var formData = new FormData(this);
+
+    var xhr = new XMLHttpRequest();
+    xhr.open("POST", "/PHP/main.php", true);
+
+    xhr.onload = function () {
+      if (xhr.status === 200) {
+        if (xhr.responseText === "success") {
+          alert("Email envoyé avec succès!");
+        } else {
+          alert("Échec de l'envoi de l'email.");
+        }
+      } else {
+        alert("Une erreur s'est produite. Veuillez réessayer.");
+      }
+    };
+
+    xhr.send(formData);
+  });