Guest User

Untitled

a guest
Feb 19th, 2018
295
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.40 KB | None | 0 0
  1. <!-- Formulario Contacto-->
  2. <div class="container-fluid lightGreyBg">
  3. <div class="container wrapper lightGreyBg">
  4. <div class="row paddingB50">
  5. <div class="col-md-12 paddingB25 lightGreyBg">
  6. <h4 class="mainsubtitle">¿Tienes dudas? ¡Escríbenos!</h4>
  7. <p class="mainDescription paddingB25">Estamos a tu disposición, elegí cómo querés comunicarte.</p>
  8. <div class="col-md-1">
  9. </div>
  10. <div class="col-md-3">
  11. <a href="#" class="btn btn-amarillo">Chateá con nosotros</a>
  12. </div>
  13. <div class="col-md-3">
  14. <a data-toggle="modal" data-target="#modalCall" class="btn btn-amarillo">Quiero que me llamen</a>
  15. </div>
  16. <div class="col-md-3 ">
  17. <a onClick="setFocusToTextBox2()" class="btn btn-amarillo">Enviar consulta</a>
  18. </div>
  19. <div class="col-md-1">
  20. </div>
  21. </div>
  22. <div class="col-md-12 paddingT25 lightGreyBg">
  23.  
  24. <form role="form" method="post" id="contact-form" action="php/contact.php">
  25. <div class="col-md-7 lightGreyBg">
  26. <div class="messages" role="alert"></div>
  27. <div class="controls">
  28. <div class="col-md-5 form-group formBox whiteBg">
  29. <label for="firstname" class="formLabel"><i class="fa fa-user"></i></label>
  30. <input type="text" class="formInput" name="name" placeholder="Nombre y Apellido" tabindex="1" required>
  31. <div class="help-block with-errors"></div>
  32. </div>
  33. <div class="col-md-5 form-group formBox whiteBg">
  34. <label for="email" class="formLabel"><i class="fa fa-envelope-o"></i></label>
  35. <input type="email" class="formInput" name="mail" placeholder="Email" tabindex="2" required>
  36. <div class="help-block with-errors"></div>
  37. </div>
  38. <div class="col-md-5 form-group formBox whiteBg">
  39. <label for="phone" class="formLabel"><i class="fa fa-phone"></i></label>
  40. <input type="tel" class="formInput" name="phone" placeholder="Teléfono" tabindex="3" required>
  41. <div class="help-block with-errors"></div>
  42. </div>
  43. <div class="col-md-5 form-group formBox whiteBg">
  44. <label for="city" class="formLabel"><i class="fa fa-globe"></i></label>
  45. <input type="text" class="formInput" name="city" placeholder="Localidad" tabindex="4" required>
  46. <div class="help-block with-errors"></div>
  47. </div>
  48. <div class="col-md-5 form-group formBox whiteBg">
  49. <label class="formLabel" for="area"><i class="fa fa-caret-down"></i></label>
  50. <select class="formInput" name="area" tabindex="5" required>
  51. <option value="">Seleccione un destinatario</option>
  52. <option value="admin">Administración</option>
  53. <option value="venta">Ventas</option>
  54. <option value="posventa">Posventa</option>
  55. <option value="repuestos">Repuestos</option>
  56. </select>
  57. <div class="help-block with-errors"></div>
  58. </div>
  59. <div class="col-md-5 form-group formBox whiteBg">
  60. <textarea class="formInput"placeholder="Mensaje" tabindex="8" rows="5" name="comment"></textarea>
  61. </div>
  62.  
  63. <div class="col-md-5 form-group paddingT25">
  64. <span id="loader" style="display:none;"><img src="img/loadingDPQ.gif"></span>
  65. <button type="submit" id="form-submit" class="btn btn-default" tabindex="10" > Enviar</button>
  66. </div>
  67. </div>
  68. </div>
  69. </form>
  70. <div class="col-md-1">
  71. </div>
  72.  
  73. <div class="col-md-4 lightGreyBg">
  74. <h3>Horarios de atención
  75. <h4>Casa Central SFV</h4>
  76. </h3>
  77.  
  78. <p class="formInfo">VENTAS<br>
  79.  
  80. Lunes a Viernes: 8:30 a 13:00 y 17:00 a 21:00 hs <br>
  81. Sábados: 09:00 a 13:00 hs<br>
  82. POSVENTA<br>
  83. Lunes a Viernes: 08:30 a 12:30 y 16:00 a 20:00 hs <br>
  84. Sábados: 08:30 a 12:30 hs<br>
  85. REPUESTOS<br><a name="FORMA PARTE"></a>
  86. Lunes a Viernes: 08:30 a 12:30 y 16:00 a 20:00 hs <br>
  87. Sábados: 08:30 a 12:30 hs<br>
  88. </p>
  89.  
  90.  
  91.  
  92. </div>
  93.  
  94. </div>
  95. </div>
  96. </div>
  97. </div>
  98. <!-- /.Formulario Contacto -->
  99.  
  100. <!-- Trabaja con nosotros -->
  101. <div class="container-fluid lightGreyBg">
  102. <div class="container lightGreyBg">
  103. <div class="row">
  104. <div class="col-md-12 paddingB50 ">
  105. <hr class="negro joinus serif" ></hr>
  106. </div>
  107. <div class="col-md-12">
  108. <p class="maindescription ">Te invitamos a formar parte de nuestro equipo! Porque en Del Parque compartimos una filosofía de trabajo sustentada en dos
  109. pilares: la mejora continua y el respeto por la gente.
  110. Mejoramos nuestro negocio mediante la generación permanente de ideas (Kaizen), el esfuerzo continuo y la práctica de resolver los problemas haciéndonos presentes en el
  111. lugar que estos ocurren. Respetamos a la gente y consideramos que el éxito de nuestro negocio se debe a los esfuerzos individuales y al buen trabajo en equipo.</p>
  112. <img class="img-responsive paddingT25" src="img/contacto/team.jpg">
  113.  
  114. <form role="form" method="post" id="bepart-form" action="php/bepart.php">
  115. <div class="col-md-12 lightGreyBg paddingT50">
  116. <p></p>
  117.  
  118. <div class="controls">
  119. <div class="col-md-5 form-group formBox whiteBg">
  120. <label for="name" class="formLabel"><i class="fa fa-user"></i></label>
  121. <input type="text" class="formInput" id="usr" placeholder="Nombre completo" tabindex="11" required>
  122. <div class="help-block with-errors"></div>
  123. </div>
  124. <div class="col-md-5 form-group formBox whiteBg">
  125. <label for="date" class="formLabel"><i class="fa fa-user"></i></label>
  126. <input type="text" class="formInput" id="date" placeholder="Fecha de Nacimiento (dd/mm/AAAA)" tabindex="12" required>
  127. <div class="help-block with-errors"></div>
  128. </div>
  129. <div class="col-md-5 form-group formBox whiteBg">
  130. <label for="civil" class="formLabel"><i class="fa fa-user"></i></label>
  131. <input type="text" class="formInput" id="civil" placeholder="Estado Civil" tabindex="13" required>
  132. <div class="help-block with-errors"></div>
  133. </div>
  134. <div class="col-md-5 form-group formBox whiteBg">
  135. <label for="gender" class="formLabel"><i class="fa fa-user"></i></label>
  136. <input type="text" class="formInput" id="gender" placeholder="Sexo" tabindex="14" required>
  137. <div class="help-block with-errors"></div>
  138. </div>
  139. <div class="col-md-5 form-group formBox whiteBg">
  140. <label for="dni" class="formLabel"><i class="fa fa-user"></i></label>
  141. <input type="text" class="formInput" id="dni" placeholder="D.N.I." tabindex="15" required>
  142. <div class="help-block with-errors"></div>
  143. </div>
  144. <div class="col-md-5 form-group formBox whiteBg">
  145. <label for="phone" class="formLabel"><i class="fa fa-phone"></i></label>
  146. <input type="text" class="formInput" id="phone" placeholder="Teléfono" tabindex="17" required>
  147. <div class="help-block with-errors"></div>
  148. </div>
  149. <div class="col-md-5 form-group formBox whiteBg">
  150. <label for="address1" class="formLabel"><i class="fa fa-map-marker"></i></label>
  151. <input type="text" class="formInput" id="address" placeholder="Dirección" tabindex="18" required>
  152. <input type="text" class="formInput" id="city" placeholder="Ciudad" tabindex="19" required>
  153. <input type="text" class="formInput" id="state" placeholder="Provincia" tabindex="20" required>
  154. <input type="text" class="formInput" id="CP" placeholder="Código Postal" tabindex="21" required>
  155. <div class="help-block with-errors"></div>
  156. </div>
  157. <div class="col-md-5 form-group formBox whiteBg">
  158. <label for="mail" class="formLabel"><i class="fa fa-envelope-o"></i></label>
  159. <input type="email" class="formInput" id="mail" placeholder="Email" tabindex="22" required>
  160. <div class="help-block with-errors"></div>
  161. </div>
  162.  
  163. <div class="col-md-5 form-group formBox whiteBg">
  164. <label for="idioma" class="formLabel"><i class="fa fa-globe"></i></label>
  165. <input type="text" class="formInput" id="idioma" placeholder="Idiomas" tabindex="23" required>
  166. <div class="help-block with-errors"></div>
  167. </div>
  168. <div class="col-md-5 form-group formBox whiteBg">
  169.  
  170. <textarea class="formInput"placeholder="Estudios Básicos" tabindex="24" rows="5" id="basic" required></textarea>
  171. <div class="help-block with-errors"></div>
  172. </div>
  173. <div class="col-md-5 form-group formBox whiteBg">
  174.  
  175. <textarea class="formInput"placeholder="Estudios Universitarios" tabindex="25" rows="5" id="university"></textarea>
  176. <div class="help-block with-errors"></div>
  177. </div>
  178. <div class="col-md-5 form-group formBox whiteBg">
  179.  
  180. <textarea class="formInput"placeholder="Postgrado" tabindex="26" rows="5" id="postgrado"></textarea>
  181. <div class="help-block with-errors"></div>
  182. </div>
  183. <div class="col-md-5 form-group formBox whiteBg">
  184.  
  185. <input type="text" class="formInput" id="reference" placeholder="Referencia" tabindex="27">
  186. <div class="help-block with-errors"></div>
  187. </div>
  188. <div class="col-md-5 form-group formBox whiteBg">
  189.  
  190. <input type="text" class="formInput" id="area" placeholder="Area de interés" tabindex="28" required>
  191. <div class="help-block with-errors"></div>
  192. </div>
  193. <div class="col-md-5 form-group formBox whiteBg">
  194.  
  195. <textarea class="formInput"placeholder="Experiencia Laboral" tabindex="29" rows="5" id="experience"></textarea>
  196. <div class="help-block with-errors"></div>
  197. </div>
  198.  
  199. <div class="col-md-5 form-group formBox whiteBg">
  200. <textarea class="formInput"placeholder="¿Por qué te gustaria trabajar aquí?" tabindex="30" rows="5" id="comment"></textarea>
  201. <div class="help-block with-errors"></div>
  202. </div>
  203.  
  204.  
  205. <div class="col-md-5 form-group paddingT25">
  206. <span id="loader2" style="display:none;"><img src="img/loadingDPQ.gif"></span>
  207. <button type="submit" id="bepart-form-submit" class="btn btn-default" tabindex="32" > Enviar</button>
  208. </div>
  209. </div>
  210.  
  211. </div>
  212. <div class="messages2" role="alert"></div>
  213. </form>
  214. </div>
  215. </div>
  216. </div>
  217. </div>
  218.  
  219. <!-- /.Trabaja con nosotros -->
  220.  
  221. </div>
  222.  
  223. <!-- Modal Call -->
  224. <div class="modal fade" id="modalCall" role="dialog">
  225. <div class="modal-dialog">
  226.  
  227. <!-- Modal content-->
  228. <div class="modal-content">
  229. <div class="modal-header" style="padding:15px 15px 0 15px;">
  230. <button type="button" class="close" data-dismiss="modal">&times;</button>
  231. <h2 class="modal-title">Solicitar Llamada</h2>
  232.  
  233. </div>
  234. <div class="col-md-12 col-xs-12 whiteBg">
  235. <h4 class="mainsubtitle">Por favor completá estos datos y te llamaremos a la brevedad.</h4>
  236. <div class="col-md-12 col-xs-12 whiteBg">
  237. <p class="maindescriptionwhite redBg" style="padding: 15px 0px; text-align:center;">Lunes a Viernes: 8:30 a 13:00 y 17:00 a 21:00 hs <br>
  238. Sábados: 09:00 a 13:00 hs</p>
  239.  
  240. <form role="form" method="post" id="call-form" action="php/call.php">
  241. <div class="col-md-12 col-xs-12">
  242. <div class="form-group formBox col-md-12 col-xs-12">
  243. <label for="usr" class="formLabel col-md-1 col-xs-1"><i class="fa fa-user"></i></label>
  244. <input type="text" class="formInput col-md-11 col-xs-11" id="usr1" placeholder="Nombre y Apellido" tabindex="33" required>
  245. <div class="help-block with-errors"></div>
  246. </div>
  247. <div class="form-group formBox col-md-12 col-xs-12">
  248. <label for="phone" class="formLabel col-md-1 col-xs-1"><i class="fa fa-phone"></i></label>
  249. <input type="text" class="formInput col-md-3 col-xs-3" id="phone" placeholder="Cod" tabindex="34" required>
  250. <input type="text" class="formInput col-md-8 col-xs-8" id="phone2" placeholder="Teléfono" tabindex="35" required>
  251. <div class="help-block with-errors"></div>
  252. </div>
  253. <div class="form-group formBox col-md-12 col-xs-12">
  254. <textarea class="formInput col-md-12 col-xs-12"placeholder="Observaciones" tabindex="36" rows="5" id="comment" required></textarea>
  255. <div class="help-block with-errors"></div>
  256. </div>
  257.  
  258.  
  259. <div class="col-md-5 form-group paddingT25 col-xs-6">
  260. <span id="loader3" style="display:none;"><img src="img/loadingDPQ.gif"></span>
  261. <button type="submit" id="bepart-form-submit" class="btn btn-default" tabindex="37" > Enviar</button>
  262. </div>
  263. </div>
  264.  
  265. </div>
  266. <div class="messages3" role="alert"></div>
  267. </form>
  268. </div>
  269. </div>
  270. </div>
  271. </div>
  272. </div>
  273. <!-- /Modal Call content-->
  274.  
  275. <?php
  276. /**
  277. * @version 1.0
  278. */
  279.  
  280. require("class.phpmailer.php");
  281. require("class.smtp.php");
  282.  
  283. // form field names and their translations.
  284. // array variable name => Text to appear in the email
  285. $fields = array('area' => 'Destinatario', 'name' => 'Nombre', 'phone' => 'Teléfono', 'mail' => 'Email', 'city' => 'Ciudad', 'comment' => 'Mensaje');
  286.  
  287. // message that will be displayed when everything is OK :)
  288. $okMessage = 'La consulta se envió correctamente. Nos pondremos en contacto contigo a la brevedad, muchas gracias.';
  289.  
  290. // If something goes wrong, we will display this message.
  291. $errorMessage = 'Se ha producido un error al enviar la consulta. Por favor intentalo de nuevo más tarde. Muchas gracias.';
  292.  
  293.  
  294. // Datos de la cuenta de correo utilizada para enviar vía SMTP
  295. $smtpHost = "nombre de cuenta"; // Dominio alternativo brindado en el email de alta
  296. $smtpUsuario = "info@magiayte.es"; // Mi cuenta de correo
  297. $smtpClave = "pass"; // Mi contraseña
  298.  
  299. $mail = new PHPMailer();
  300. $mail->IsSMTP();
  301. $mail->SMTPAuth = true;
  302. $mail->Port = 587;
  303. $mail->IsHTML(true);
  304. $mail->CharSet = "utf-8";
  305.  
  306. $mail->Host = $smtpHost;
  307. $mail->Username = $smtpUsuario;
  308. $mail->Password = $smtpClave;
  309. try
  310. {
  311.  
  312. if(count($_POST) == 0) throw new Exception('El formulario esta vacio.');
  313. // Valores enviados desde el formulario
  314. $nombre = $_POST["name"];
  315. $email = $_POST["mail"];
  316. $area = $_POST["area"];
  317. $mensaje = $_POST["comment"];
  318. $emailText = '<table><tr><th style="color:#fff;background-color:#f38630;padding:10px 15px;" colspan="2">HAZ RECIBIDO UNA NUEVA CONSULTA</th></tr>';
  319.  
  320. foreach ($_POST as $key => $value) {
  321. // If the field exists in the $fields array, include it in the email
  322. if (isset($fields[$key])) {
  323. $emailText .= '<tr><td style="font-weight:bold;padding:10px 5px;">'.$fields[$key].':</td><td>'.$value.'</td></tr>';
  324.  
  325. }
  326. }
  327. $emailText .= "</table>";
  328. // Email donde se enviaran los datos cargados en el formulario de contacto
  329. switch ($area) {
  330. case 'admin':
  331. $emailDestino = "dm.daviles@gmail.com";
  332. break;
  333. case 'venta':
  334. $emailDestino = "helixkarspersky@gmail.com";
  335. break;
  336. case 'posventa':
  337. $emailDestino = "dm.daviles@gmail.com";
  338. break;
  339. case 'repuestos':
  340. $emailDestino = "dm.daviles@gmail.com";
  341. break;
  342. default:
  343. $emailDestino = "dm.daviles@gmail.com";
  344. break;
  345. }
  346.  
  347.  
  348. $mail->From = $smtpUsuario; // Email desde donde envío el correo.
  349. $mail->FromName = $nombre;
  350. $mail->AddAddress($emailDestino); // Esta es la dirección a donde enviamos los datos del formulario
  351. $mail->AddReplyTo($email); // Esto es para que al recibir el correo y poner Responder, lo haga a la cuenta del visitante.
  352. $mail->Subject = "Nueva consulta desde la Web"; // Este es el titulo del email.
  353. $mensajeHtml = nl2br($emailText);
  354. $mail->Body = "{$mensajeHtml} <br /><br />Formulario de contacto de Toyota Del Parque.<br />"; // Texto del email en formato HTML
  355. $mail->AltBody = "{$mensaje} nn Formulario de contacto de Toyota Del Parque."; // Texto sin formato HTML
  356. // FIN - VALORES A MODIFICAR //
  357.  
  358. $mail->SMTPOptions = array(
  359. 'ssl' => array(
  360. 'verify_peer' => false,
  361. 'verify_peer_name' => false,
  362. 'allow_self_signed' => true
  363. )
  364. );
  365. $estadoEnvio = $mail->Send();
  366. if($estadoEnvio){
  367. $responseArray = array('type' => 'success', 'message' => $okMessage);
  368. } else {
  369. $responseArray = array('type' => 'danger', 'message' => $errorMessage);
  370. }
  371. }
  372. catch (Exception $e)
  373. {
  374. $responseArray = array('type' => 'danger', 'message' => $errorMessage);
  375. }
  376.  
  377.  
  378. // if requested by AJAX request return JSON response
  379. if (!empty($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest') {
  380. $encoded = json_encode($responseArray);
  381.  
  382. header('Content-Type: application/json');
  383.  
  384. echo $encoded;
  385. }
  386. // else just display the message
  387. else {
  388. echo $responseArray['message'];
  389. }
  390.  
  391. loader = document.querySelector("#loader")
  392. $(function () {
  393.  
  394. // init the validator
  395. // validator files are included in the download package
  396. // otherwise download from http://1000hz.github.io/bootstrap-validator
  397.  
  398. $('#contact-form').validator();
  399.  
  400.  
  401. // when the form is submitted
  402. $('#contact-form').on('submit', function (e) {
  403. // if the validator does not prevent form submit
  404. if (!e.isDefaultPrevented()) {
  405. loader.style.display = "inline-block";
  406. var url = "php/contact.php";
  407.  
  408. // POST values in the background the the script URL
  409. $.ajax({
  410. type: "POST",
  411. url: url,
  412. data: $(this).serialize(),
  413. success: function (data)
  414. {
  415. loader.style.display="none";
  416. // data = JSON object that contact.php returns
  417.  
  418. // we recieve the type of the message: success x danger and apply it to the
  419. var messageAlert = 'alert-' + data.type;
  420. var messageText = data.message;
  421.  
  422. // let's compose Bootstrap alert box HTML
  423. var alertBox = '<div class="alert ' + messageAlert + ' alert-dismissable"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>' + messageText + '</div>';
  424.  
  425. // If we have messageAlert and messageText
  426. if (messageAlert && messageText) {
  427. // inject the alert to .messages div in our form
  428. $('#contact-form').find('.messages').html(alertBox);
  429. // empty the form
  430. $('#contact-form')[0].reset();
  431. }
  432. }
  433. });
  434. return false;
  435. }
  436. })
  437. });
  438.  
  439. <?php
  440. /**
  441. * @version 1.0
  442. */
  443.  
  444. require("class.phpmailer.php");
  445. require("class.smtp.php");
  446.  
  447. // form field names and their translations.
  448. // array variable name => Text to appear in the email
  449. $fields = array('usr' => 'Nombre', 'date' => 'Fecha de nacimiento','civil' => 'Estado civil', 'gender' => 'Sexo', 'dni' => 'D.N.i.', 'phone' => 'Telefono','address' => 'Dirección','city' => 'Ciudad', 'state' => 'Provincia', 'CP' => 'Código Postal', 'mail' => 'Email', 'idioma' => 'Idiomas','basic' => 'Estudios Básicos', 'university' => 'Estudios Universitarios', 'postgrado' => 'Postgrado', 'reference' => 'Referencia', 'area' => 'Area de interés', 'experience' => 'Experiencia Laboral', 'comment' => '¿Por qué te gustaria trabajar aquí?');
  450.  
  451. // message that will be displayed when everything is OK :)
  452. $okMessage = 'La consulta se envió correctamente. Nos pondremos en contacto contigo a la brevedad, muchas gracias.';
  453.  
  454. // If something goes wrong, we will display this message.
  455. $errorMessage = 'Se ha producido un error al enviar la consulta. Por favor intentalo de nuevo más tarde. Muchas gracias.';
  456.  
  457.  
  458. // Datos de la cuenta de correo utilizada para enviar vía SMTP
  459. $smtpHost = "nombre de cuenta"; // Dominio alternativo brindado en el email de alta
  460. $smtpUsuario = "info@magiayte.es"; // Mi cuenta de correo
  461. $smtpClave = "pass"; // Mi contraseña
  462.  
  463. $mail2 = new PHPMailer();
  464. $mail2->IsSMTP();
  465. $mail2->SMTPAuth = true;
  466. $mail2->Port = 587;
  467. $mail2->IsHTML(true);
  468. $mail2->CharSet = "utf-8";
  469.  
  470. $mail2->Host = $smtpHost;
  471. $mail2->Username = $smtpUsuario;
  472. $mail2->Password = $smtpClave;
  473. try
  474. {
  475.  
  476. if(count($_POST) == 0) throw new Exception('El formulario esta vacio.');
  477. // Valores enviados desde el formulario
  478. $nombre = $_POST["usr"];
  479. $email = $_POST["mail"];
  480. $mensaje = $_POST["comment"];
  481. $emailText = '<table><tr><th style="color:#fff;background-color:#f38630;padding:10px 15px;" colspan="2">HAZ RECIBIDO UNA NUEVA CONSULTA</th></tr>';
  482.  
  483. foreach ($_POST as $key => $value) {
  484. // If the field exists in the $fields array, include it in the email
  485. if (isset($fields[$key])) {
  486. $emailText .= '<tr><td style="font-weight:bold;padding:10px 5px;">'.$fields[$key].':</td><td>'.$value.'</td></tr>';
  487.  
  488. }
  489. }
  490. $emailText .= "</table>";
  491. // Email donde se enviaran los datos cargados en el formulario de contacto
  492. $emailDestino = "dm.daviles@gmail.com";
  493.  
  494.  
  495. $mail2->From = $smtpUsuario; // Email desde donde envío el correo.
  496. $mail2->FromName = $nombre;
  497. $mail2->AddAddress($emailDestino); // Esta es la dirección a donde enviamos los datos del formulario
  498. $mail2->AddReplyTo($email); // Esto es para que al recibir el correo y poner Responder, lo haga a la cuenta del visitante.
  499. $mail2->Subject = "Nueva consulta desde la Web"; // Este es el titulo del email.
  500. $mensajeHtml = nl2br($emailText);
  501. $mail2->Body = "{$mensajeHtml} <br /><br />Formulario de contacto de Toyota Del Parque.<br />"; // Texto del email en formato HTML
  502. $mail2->AltBody = "{$mensaje} nn Formulario de contacto de Toyota Del Parque."; // Texto sin formato HTML
  503. // FIN - VALORES A MODIFICAR //
  504.  
  505. $mail2->SMTPOptions = array(
  506. 'ssl' => array(
  507. 'verify_peer' => false,
  508. 'verify_peer_name' => false,
  509. 'allow_self_signed' => true
  510. )
  511. );
  512. $estadoEnvio = $mail2->Send();
  513. if($estadoEnvio){
  514. $responseArray = array('type' => 'success', 'message' => $okMessage);
  515. } else {
  516. $responseArray = array('type' => 'danger', 'message' => $errorMessage);
  517. }
  518. }
  519. catch (Exception $e)
  520. {
  521. $responseArray = array('type' => 'danger', 'message' => $errorMessage);
  522. }
  523.  
  524.  
  525. // if requested by AJAX request return JSON response
  526. if (!empty($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest') {
  527. $encoded = json_encode($responseArray);
  528.  
  529. header('Content-Type: application/json');
  530.  
  531. echo $encoded;
  532. }
  533. // else just display the message
  534. else {
  535. echo $responseArray['message'];
  536. }
  537.  
  538. loader2 = document.querySelector("#loader2")
  539. $(function () {
  540.  
  541. // init the validator
  542. // validator files are included in the download package
  543. // otherwise download from http://1000hz.github.io/bootstrap-validator
  544.  
  545. $('#bepart-form').validator();
  546.  
  547.  
  548. // when the form is submitted
  549. $('#bepart-form').on('submit', function (e) {
  550. // if the validator does not prevent form submit
  551. if (!e.isDefaultPrevented()) {
  552. loader2.style.display = "inline-block";
  553. var url = "php/bepart.php";
  554.  
  555. // POST values in the background the the script URL
  556. $.ajax({
  557. type: "POST",
  558. url: url,
  559. data: $(this).serialize(),
  560. success: function (data)
  561. {
  562. loader2.style.display="none";
  563. // data = JSON object that bepart.php returns
  564.  
  565. // we recieve the type of the message: success x danger and apply it to the
  566. var messageAlert = 'alert-' + data.type;
  567. var messageText = data.message;
  568.  
  569. // let's compose Bootstrap alert box HTML
  570. var alertBox = '<div class="alert ' + messageAlert + ' alert-dismissable"><button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>' + messageText + '</div>';
  571.  
  572. // If we have messageAlert and messageText
  573. if (messageAlert && messageText) {
  574. // inject the alert to .messages div in our form
  575. $('#bepart-form').find('.messages2').html(alertBox);
  576. // empty the form
  577. $('#bepart-form')[0].reset();
  578. }
  579. }
  580. });
  581. return false;
  582. }
  583. })
  584. });
Add Comment
Please, Sign In to add comment