up cpntact

MariaVictoria · Mar 25, 2024 · 8f36a63 · 8f36a63
1 parent eb3a927
commit 8f36a63
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 15 deletions.
diff --git a/assets/js/main.js b/assets/js/main.js
@@ -1,11 +1,3 @@
-/**
-* Template Name: PhotoFolio
-* Template URL: https://bootstrapmade.com/photofolio-bootstrap-photography-website-template/
-* Updated: Mar 17 2024 with Bootstrap v5.3.3
-* Author: BootstrapMade.com
-* License: https://bootstrapmade.com/license/
-*/
-
 document.addEventListener('DOMContentLoaded', () => {
   "use strict";
 
@@ -172,4 +164,11 @@ document.addEventListener('DOMContentLoaded', () => {
     aos_init();
   });
 
-});
+  // Escuchar el evento submit del formulario
+  document.querySelector('.php-email-form').addEventListener('submit', function(event) {
+    // Mostrar el mensaje de "Cargando"
+    document.querySelector('.loading').style.display = 'block';
+    // Ocultar el mensaje de "Mensaje enviado"
+    document.querySelector('.sent-message').style.display = 'none';
+  });
+});
diff --git a/contact.html b/contact.html
@@ -120,7 +120,7 @@ <h4>Call:</h4>
         <div class="row justify-content-center mt-4">
 
           <div class="col-lg-9">
-            <form action="https://formsubmit.co/[email protected]" method="POST" role="form"
+            <form action="https://formsubmit.co/ 3c01de3712d417b4e4263e106768abc2" method="POST" role="form"
               class="php-email-form">
               <div class="row">
                 <div class="col-md-6 form-group"> Name
@@ -136,15 +136,15 @@ <h4>Call:</h4>
                   <textarea class="form-control" name="message" rows="5" placeholder="Message" required></textarea>
                 </div>
                 <div class="my-3">
-                  <div class="loading">Loading</div>
-                  <!--<div class="error-message"></div>-->
-                  <div class="sent-message">Su mensaje ha sido enviado. Muchas Gracias!</div>
+                  <div class="loading" style="display: none;">Loading</div>
+                  <div class="sent-message" style="display: none;">Su mensaje ha sido enviado. ¡Muchas Gracias!</div>
                 </div>
+
                 <div class="text-center"><button type="submit">Enviar Mensaje</button></div>
                 <input type="hidden" name="_next" value="exito.html">
 
                 <input type="hidden" name="_captcha" value="false">
-                
+
               </div>
 
             </form>
@@ -199,4 +199,4 @@ <h4>Call:</h4>
 
 </body>
 
-</html>
+</html>