Pregunta:
Fecha: 25-10-2019 11:39:26
(En Español)
HTML
<section class="contact-section section_padding" id="contacto">
<div class="container">
<div class="d-none d-sm-block mb-5 pb-4">
<div id="map" style="height: 480px;"></div>
<script>
function initMap() {
var uluru = {
lat: -25.363,
lng: 131.044
};
var grayStyles = [{
featureType: "all",
stylers: [{
saturation: -90
},
{
lightness: 50
}
]
},
{
elementType: 'labels.text.fill',
stylers: [{
color: '#ccdee9'
}]
}
];
var map = new google.maps.Map(document.getElementById('map'), {
center: {
lat: -31.197,
lng: 150.744
},
zoom: 9,
styles: grayStyles,
scrollwheel: false
});
}
</script>
<script
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDpfS1oRGreGSBU5HHjMmQ3o5NLw7VdJ6I&callback=initMap">
</script>
</div>
<div class="row">
<div class="col-12">
<h2 class="contact-title">Formulario de contacto</h2>
</div>
<div class="col-lg-8">
<form class="form-contact contact_form" action="contacto.php" method="post" id="contactForm">
<div class="row">
<div class="col-12">
<div class="form-group">
<textarea class="form-control w-100" name="message" id="message" cols="30" rows="9"
onfocus="this.placeholder = ''" onblur="this.placeholder = 'Enter Message'"
placeholder='Ingrese su mensaje'></textarea>
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<input class="form-control" name="name" id="name" type="text" onfocus="this.placeholder = ''"
onblur="this.placeholder = 'Enter your name'" placeholder='Ingrese su nombre'>
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<input class="form-control" name="email" id="email" type="email" onfocus="this.placeholder = ''"
onblur="this.placeholder = 'Enter email address'" placeholder='Correo electrónico'>
</div>
</div>
<div class="col-12">
<div class="form-group">
<input class="form-control" name="subject" id="subject" type="text" onfocus="this.placeholder = ''"
onblur="this.placeholder = 'Enter Subject'" placeholder='Asunto'>
</div>
</div>
</div>
<div class="form-group mt-3">
<button type="submit" class="btn_3">Enviar mensaje <i
class="flaticon-right-arrow"></i> </button>
</div>
</form>
</div>
<div class="col-lg-4">
<div class="media contact-info">
<span class="contact-info__icon"><i class="ti-home"></i></span>
<div class="media-body">
<h3>Pucallpa, Perú.</h3>
<p>Dirección pendiente</p>
</div>
</div>
<div class="media contact-info">
<span class="contact-info__icon"><i class="ti-tablet"></i></span>
<div class="media-body">
<h3>+51 925289185</h3>
<p>Lun a Vier de 8:00 am a 8:pm</p>
</div>
</div>
<div class="media contact-info">
<span class="contact-info__icon"><i class="ti-email"></i></span>
<div class="media-body">
<h3>contacto@creativatuti.com</h3>
<p>¡Envíenos su consulta en cualquier momento!</p>
</div>
</div>
</div>
</div>
</div>
</section>
PHP
<?php
$to = "kenin.1659@gmail.com";
$from = $_REQUEST['email'];
$name = $_REQUEST['name'];
$subject = $_REQUEST['subject'];
$number = $_REQUEST['number'];
$cmessage = $_REQUEST['message'];
$headers = "From: $from";
$headers = "From: " . $from . "\r\n";
$headers .= "Reply-To: ". $from . "\r\n";
$headers .= "MIME-Version: 1.0\r\n";
$headers .= "Content-Type: text/html; charset=ISO-8859-1\r\n";
$subject = "Este es un mensaje de Creativa Tuti.";
$logo = 'img/Logotipo footer.png';
$link = 'http://www.creativatuti.com';
$body = "<!DOCTYPE html><html lang='es'><head><meta charset='UTF-8'><title>Mensaje nuevo</title></head><body>";
$body .= "<table style='width: 100%;'>";
$body .= "<thead style='text-align: center;'><tr><td style='border:none;' colspan='2'>";
$body .= "<a href='{$link}'><img src='{$logo}' alt=''></a><br><br>";
$body .= "</td></tr></thead><tbody><tr>";
$body .= "<td style='border:none;'><strong>Nombre:</strong> {$name}</td>";
$body .= "<td style='border:none;'><strong>Correo Electrònico:</strong> {$from}</td>";
$body .= "</tr>";
$body .= "<tr><td style='border:none;'><strong>Asunto:</strong> {$subject}</td></tr>";
$body .= "<tr><td></td></tr>";
$body .= "<tr><td colspan='2' style='border:none;'>{$cmessage}</td></tr>";
$body .= "</tbody></table>";
$body .= "</body></html>";
$send = mail($to, $subject, $body, $headers);
header('Location:contacto.html');
?>
Votos: -1 - Respuestas: 0 - Vistas: 8 Compartir en: Google Facebook Twitter LinkedIn Link
Problemas con el botón enviar en formulario de contacto[Sin respuesta]
Hola, tengo un formulario de contacto que al hacer click en botón enviar no se borrar los campos y al mismo tiempo quedan inhabilitados para introducir texto, por lo que tengo que recargar nuevamente la página, pero al revisar el correo destinatario, los mensajes llegan sin ningún problema.HTML
<section class="contact-section section_padding" id="contacto">
<div class="container">
<div class="d-none d-sm-block mb-5 pb-4">
<div id="map" style="height: 480px;"></div>
<script>
function initMap() {
var uluru = {
lat: -25.363,
lng: 131.044
};
var grayStyles = [{
featureType: "all",
stylers: [{
saturation: -90
},
{
lightness: 50
}
]
},
{
elementType: 'labels.text.fill',
stylers: [{
color: '#ccdee9'
}]
}
];
var map = new google.maps.Map(document.getElementById('map'), {
center: {
lat: -31.197,
lng: 150.744
},
zoom: 9,
styles: grayStyles,
scrollwheel: false
});
}
</script>
<script
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDpfS1oRGreGSBU5HHjMmQ3o5NLw7VdJ6I&callback=initMap">
</script>
</div>
<div class="row">
<div class="col-12">
<h2 class="contact-title">Formulario de contacto</h2>
</div>
<div class="col-lg-8">
<form class="form-contact contact_form" action="contacto.php" method="post" id="contactForm">
<div class="row">
<div class="col-12">
<div class="form-group">
<textarea class="form-control w-100" name="message" id="message" cols="30" rows="9"
onfocus="this.placeholder = ''" onblur="this.placeholder = 'Enter Message'"
placeholder='Ingrese su mensaje'></textarea>
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<input class="form-control" name="name" id="name" type="text" onfocus="this.placeholder = ''"
onblur="this.placeholder = 'Enter your name'" placeholder='Ingrese su nombre'>
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<input class="form-control" name="email" id="email" type="email" onfocus="this.placeholder = ''"
onblur="this.placeholder = 'Enter email address'" placeholder='Correo electrónico'>
</div>
</div>
<div class="col-12">
<div class="form-group">
<input class="form-control" name="subject" id="subject" type="text" onfocus="this.placeholder = ''"
onblur="this.placeholder = 'Enter Subject'" placeholder='Asunto'>
</div>
</div>
</div>
<div class="form-group mt-3">
<button type="submit" class="btn_3">Enviar mensaje <i
class="flaticon-right-arrow"></i> </button>
</div>
</form>
</div>
<div class="col-lg-4">
<div class="media contact-info">
<span class="contact-info__icon"><i class="ti-home"></i></span>
<div class="media-body">
<h3>Pucallpa, Perú.</h3>
<p>Dirección pendiente</p>
</div>
</div>
<div class="media contact-info">
<span class="contact-info__icon"><i class="ti-tablet"></i></span>
<div class="media-body">
<h3>+51 925289185</h3>
<p>Lun a Vier de 8:00 am a 8:pm</p>
</div>
</div>
<div class="media contact-info">
<span class="contact-info__icon"><i class="ti-email"></i></span>
<div class="media-body">
<h3>contacto@creativatuti.com</h3>
<p>¡Envíenos su consulta en cualquier momento!</p>
</div>
</div>
</div>
</div>
</div>
</section>
PHP
<?php
$to = "kenin.1659@gmail.com";
$from = $_REQUEST['email'];
$name = $_REQUEST['name'];
$subject = $_REQUEST['subject'];
$number = $_REQUEST['number'];
$cmessage = $_REQUEST['message'];
$headers = "From: $from";
$headers = "From: " . $from . "\r\n";
$headers .= "Reply-To: ". $from . "\r\n";
$headers .= "MIME-Version: 1.0\r\n";
$headers .= "Content-Type: text/html; charset=ISO-8859-1\r\n";
$subject = "Este es un mensaje de Creativa Tuti.";
$logo = 'img/Logotipo footer.png';
$link = 'http://www.creativatuti.com';
$body = "<!DOCTYPE html><html lang='es'><head><meta charset='UTF-8'><title>Mensaje nuevo</title></head><body>";
$body .= "<table style='width: 100%;'>";
$body .= "<thead style='text-align: center;'><tr><td style='border:none;' colspan='2'>";
$body .= "<a href='{$link}'><img src='{$logo}' alt=''></a><br><br>";
$body .= "</td></tr></thead><tbody><tr>";
$body .= "<td style='border:none;'><strong>Nombre:</strong> {$name}</td>";
$body .= "<td style='border:none;'><strong>Correo Electrònico:</strong> {$from}</td>";
$body .= "</tr>";
$body .= "<tr><td style='border:none;'><strong>Asunto:</strong> {$subject}</td></tr>";
$body .= "<tr><td></td></tr>";
$body .= "<tr><td colspan='2' style='border:none;'>{$cmessage}</td></tr>";
$body .= "</tbody></table>";
$body .= "</body></html>";
$send = mail($to, $subject, $body, $headers);
header('Location:contacto.html');
?>
Votos: -1 - Respuestas: 0 - Vistas: 8 Compartir en: Google Facebook Twitter LinkedIn Link
Respuestas:
No hay respuestas para esta pregunta, se el primero en responder.
Para participar activamente de la comunidad primero debes autenticarte, ingresa al sistema.Iniciar Sesión
