Bueno, lo prometido es deuda.
Para los que estan empezando en esto y no tienen mucha idea.
voy a explicar un poco las funciones que tiene. Decir que funciona a la perfeccion en todos los navegadores principales, IE, Firefox, Chrome, Delphin..... incluido en el movil.
El formulario de contacto consta de tres campos, Nombre, Email y Mensaje.
1. formulario en Html con funciones:
- Placeholder > como no funciona en IE le he añadido un jQuery y asi funciona.
-validador de los tres campos,Nombre, Email y Mensaje si no los pones, no se puede enviar.
- Boton de Enviar y Borrar.
Asi queda.
Este es el codigo HTML ( LLeva un poco de JavaScrip):
<form id="form1" name="form1" method="post" action="http://www.boxingsport.es/enviar.php">
<script type="text/javascript">
/* <![CDATA[ */
$(function() {
var input = document.createElement("input");
if(('placeholder' in input)==false) {
$('[placeholder]').focus(function() {
var i = $(this);
if(i.val() == i.attr('placeholder')) {
i.val('').removeClass('placeholder');
if(i.hasClass('password')) {
i.removeClass('password');
this.type='password';
}
}
}).blur(function() {
var i = $(this);
if(i.val() == '' || i.val() == i.attr('placeholder')) {
if(this.type=='password') {
i.addClass('password');
this.type='text';
}
i.addClass('placeholder').val(i.attr('placeholder' ));
}
}).blur().parents('form').submit(function() {
$(this).find('[placeholder]').each(function() {
var i = $(this);
if(i.val() == i.attr('placeholder'))
i.val('');
})
});
}
});
/* ]]> */
</script>
<table width="591" border="0">
<tr>
<th width="339" scope="col"><div align="left">
<p> </p>
<p> </p>
<p>
<input name="Nombre" type="text" id="Nombre" placeholder="Nombre" size="40" maxlength="60" width="278px;" />
</p>
<p> </p>
</div></th>
</tr>
<tr>
<td><p>
<input name="Email" type="text" id="Email" placeholder="E-mail" size="40" maxlength="60" width="278px;" />
</p>
<p> </p></td>
</tr>
<tr>
</tr>
<tr>
<td><p>
<textarea name="Mensaje" cols="65" rows="10" id="Mensaje" placeholder="Mensaje"></textarea>
<center>
<br>
<input name="Enviar" type="submit" id="Enviar" onClick="MM_validateForm('Nombre','','R','Email',' ','RisEmail','Mensaje','','R');return document.MM_returnValue" value="Enviar" />
<input name="Borrar" type="reset" id="Borrar" value="Borrar" />
</center>
</p></td>
</tr>
</table>
</form>
2 .Para el tema de PHP, le he añadido un header("Location) y he creado una segunda pagina de contacto totalmente funcional pero con el mensaje de " Su mensaje se ha enviado " Gracias " de este modo, cuando pinchemos en enviar el formulario , nos mandara a la pagina con el mensaje creado y podremos seguir navegando en la misma pagina. Tambien tiene codigo para mostrar en vuestro buzon de correo la hora y la fecha de cuando el cliente os ha enviado el email.
Este es el codigo PHP: ( no olvideis de poner vuestros datos, direccion de correo y la pagina web a la cual quereis que se redireccione )
<?php
$Nombre = $_POST['Nombre'];
$Email = $_POST['Email'];
$header = 'From: ' . $Email . " \r\n";
$header .= "X-Mailer: PHP/" . phpversion() . " \r\n";
$header .= "Mime-Version: 1.0 \r\n";
$header .= "Content-Type: text/plain";
$mensaje = "Este mensaje fue enviado por> " . $Nombre . ", \r\n";
$mensaje .= "Su e-mail es> " . $Email . " \r\n";
$mensaje .= "Mensaje> " . $_POST['Mensaje'] . " \r\n";
$mensaje .= "Enviado el> " . date("d/m/y \a \l\a\s H:i:s ");
$para = '
[email protected]';
$asunto = 'Contacto desde Tu Web';
mail($para, $asunto, utf8_decode($mensaje), $header);
echo
header("Location:http://www.boxingsport.es/contactoend.html");
?>
Por ultimo cuando llegan los mensajes a vuestro buzon se muestran de esta forma, bastante clara y ordenada.
Saludos.