jueves, 27 de diciembre de 2012

Hacer un Formulario de Envio de E-mail para Web-Sites

Internet
 Para crear un formulario en el que los usuarios puedan mandar  Emails en una página web, haremos lo siguiente:

Crearemos un archivo con el bloc de notas u otro programa y lo llamamos mail cambiamos su extensión por .php. Quedándonos de ésta manera: mail.php


Abrimos el archivo y pegamos el siguiente texto:


<?php
if($_POST['enviar']) {
$de = "tuemail@loquesea.com";
$para = $_POST["recibe"];
$asunto = $_POST["asunto"];
$nombre = $_POST["nombre"];
$msj = $_POST["mensaje"];
$sheader="From:".$de."\nReply-To:".$de."\n";
$sheader=$sheader."X-Mailer:PHP/".phpversion()."\n";
$sheader=$sheader."Mime-Version: 1.0\n";
$sheader=$sheader."Content-Type: text/html";
mail($para,$asunto,$msj,$sheader);
echo 'Email enviado correctamente.';
}
/*Código Proporcionado por http://joselbm.blogspot.com.es*/
?>


Ahora bajamos un poco donde hayamos pegado el texto anterior y pegamos el siguiente texto:


<head>
<title>Envio de E-Mail</title>
</head>
<script>
function vmail(form){
email= mail.recibe.value;
if(!(/\w{1,}[@][\w\-]{1,}([.]([\w\-]{1,})){1,3}$/.test(email)))
{
document.forms[0].recibe.style.backgroundColor='#FF8080';
}
else
{
document.forms[0].recibe.style.backgroundColor='#57FF53';
}
}
function $(id){
return document.getElementById(id);
}
function h(){
$('s').disabled=($('a').value.length>9 &&$('e').value.length>3 &&$('i').value.length>10 &&$('o').value.length>3)?0:1;
}
window.onload=function(){
setInterval('h()',10);
}
</script>
<html>
<body>
<form name="mail" method="post" action="mail.php"><br />
<table width="380" border="0" align="center">
<tr>
<td>
<label>Su Nombre:</label></td>
<td><input type="text" name="nombre" class="right" id="o" /></td>
</tr>
<tr>
<td>
<label>Para:</label></td>
<td><input type="text" name="recibe" class="right" onKeyDown="vmail(this.form)" onKeyUp="vmail(this.form)" id="a" /></td>
</tr>
<tr>
<td><label>Asunto:</label></td>
<td>
<input type="text" name="asunto" class="right" id="e" /></td>
</tr>
<tr>
<td><label>Mensaje:</label></td>
<td><textarea name="mensaje" class="right" id="i" rows="6" cols="30"></textarea></td>
</tr>
<tr>
<td>&nbsp;</td>
<td align="center"><input type="submit" name="enviar" value="Enviar" id="s"/></td>
</tr>
</table>
</form>
</body>
</html>


Hemos creado nuestro propio servicio de ponerse en contacto con nosotros desde nuestra Web.



Imprimir

No hay comentarios:

Publicar un comentario