FORMULARIO DE CONTACTO EN FLASH

Que tal fantico del mundo flash, en esta ocasin presentare la primera parte del fantstico,
sensacional e inimaginable tutorial llamado formulario de contacto. Espero que sea de
ayuda para sus paginas webs, y sin ms prembulos comenzamos.
Iniciamos por crear un documento de dimensiones 550*200 pxeles.

Esta parte es sumamente sencilla solo tienes que agregar cuatro campos de texto estticos y
en ellos introducir las siguiente frases Nombre, Empresa, Correo Electrnico y Mensaje el
formato de letra y color te lo dejo a tu eleccin.

Espero que esta pare no sea muy complicada, ahora hay que agregar cuatro campos de texto
vacos lo suficiente mente anchos. Estos deben de tener algunas caractersticas especiales
como son el tipo te texto debe de ser Introduccin de texto, se tiene que nombrar el nombre
de instancia el cual va a hacer nombre_txt, el tipo de lnea tiene que ser Lnea nica y por
ultimo seleccionar Mostrar borde alrededor del texto. Hay que insertar dos campos de texto
con este tipo de caracterstica, en los cuales solamente cambiaremos el nombre de instancia,
esto lo explicare a continuacin.

Agregar el segundo campo de texto y cambiar el nombre de instancia de nombre_txt por el
de empresa_txt

Incertar el terser campo de texto y cambiar el nombre de instancia empresa_txt por el de
email_txt

En el cuarto campo de texto cambiar el nombre de instancia email_txt por el de mensaje_txt
tambin se har una pequea variacin en el tipo de lnea el cual cambiara de Lnea nica a
Multilnea. Este campo de texto debe de ser un poco ms agrande que los anteriores esto es
con el fin de que los interesados escriban su mensaje tal como se muestra en la imagen.

Ahora insertar un campo de Texto dinmico el cual llevara como nombre de instancia
servidor_txt el tipo de lnea ser Lnea nica y en la casilla Var: escribir mailerStatus. En
este campo aparecer una leyenda si es que hay problemas con el servidor.

Si sedan cuenta hasta esta parte todo el proceso se desarrolla en una sola capa en un solo
frame y en la escena. Lo que sigue tambin esta un poco laborioso pero no complicado.
A continuacin insertar un nuevo smbolo ya saben la ruta del dinero ctrl.+F8 nombrarlo
botn y de comportamiento Clip de pelcula. Este smbolo servir para dos botones uno de
enviar y el otro de cancelar.

En el smbolo botn dibujar un rectngulo de color blanco y con dimensiones 75 de ancho
por 25 de alto las coordenadas con X=0 y Y=0

Arrastrar el smbolo botn hacia la escena y en nombre de instancia escribir enviar_btn,
aqu adecuaremos las dimensiones de nuestro botn as como las coordenadas el tamao es
55*20 y coordenadas X=415 y Y=165

Arrastramos nuevamente el smbolo hacia la escena cambiar el nombre de instancia por el
de borrar_btn, cambiar las dimensiones a 55*20 y las coordenadas X=487 yY=165

Este paso es sumamente sencillo y fcil de realizar hasta el compaero diseador de
photoshop lo pudo hacer jajajaja en fin. Solamente agregar un texto que diga enviar y otro
que diga cancelar cada uno en sus respectivos botones.

Por ltimo agregar el cdigo para que funcione el formulario de contacto, seccionar el
frame abrir el panel de acciones y escribir:
enviar = function () {
if (email_txt.text.length && nombre_txt.length && empresa_txt.length &&
mensaje_txt.length) {
if (email_txt.text.indexOf("@") != -1 && email_txt.text.indexOf(".") != -1) {
form_lv = new LoadVars();
form_lv.nombre = nombre_txt.text;
form_lv.mail = email_txt.text;
form_lv.mensaje = mensaje_txt.text;
form_lv.empresa = empresa_txt.text;
form_lv.sendAndLoad("send.php", form_lv, "POST");
servidor_txt.text = "Enviando Mensaje..";
nombre_txt.text = "";
email_txt.text = "";
empresa_txt.text = "";
form_lv.onLoad = function() {
if (this.estatus == "ok") {
servidor_txt.text = "Tu mensaje fue enviado...";
nombre_txt.text = "";
email_txt.text = "";
empresa_txt.text = "";
} else {
servidor_txt.text = "Problemas con el servidor.";
}
};
} else {
email_txt.text = "Correo Invalido";
}
} else {
email_txt.text = "Dato Necesario";
nombre_txt.text = "Dato Necesario";
empresa_txt.text = "Dato Necesario";
mensaje_txt.text = "Dato Necesario";
}
};
borrar = function () {
nombre_txt.text ="";
empresa_txt.text ="";
email_txt.text ="";
servidor_txt.text ="";
};
enviar_btn.onRelease = enviar;
borrar_btn.onRelease = borrar;

As queda el formulario de contacto con flash:

Descarga el Archivo Fla
La continuacin del codigo PHP para enviar el e-mail, la pueden ver aca:
http://www.tallerwebmaster.com/Tutorial-Formulario-de-Contacto-enviar-mail-con-
PHP-c-43.html
Envio de Formulario de Contacto con PHP
Creacin de Cdigo PHP para enviar E-Mail
de Contacto
por elQuique de Foro Creativo y Taller Webmaster
Este tutorial es un complemento, que servira para enviar un formulario creado en Macromedia
Flash, as como uno en HTML, creado con Dreamweaver u otro editor.
En el caso de un Formulario en Flash, tomamos como referencia el creado por JMX, en nuestro
otro sitio www.solophotoshop.com. Este es el resultado de ese tutorial:

La explicacin de como crear ese formulario de contacto en Flash, puedes verla ac:
http://www.solophotoshop.com/Tutorial-Formulario-de-Contacto-con-Flash-c-266.html
Pero este cdigo PHP, tambin servira para un Formulario de Contacto, creado en HTML
convencional, en ese caso tomaremos como referencia el que creamos en nuestro anterior
tutorial:

Cuya explicacin para crearlo puedes verla ac:
http://www.tallerwebmaster.com/Tutorial-Crear-Formulario-de-Contacto-con-Dreamweaver-c-
42.html
Cualquiera de los dos formularios en Flash o Dreamweaver, llaman a un archivo send.php, este
archivo es el que se encarga de tomar los datos y los enva por E-Mail.
El cdigo PHP, necesario para esto, se compone bsicamente de las siguientes partes:
Obtener la informacin del formulario
Preparar el texto del mensaje
Definir la cabecera del e-mail
Enviar el e-mail
En PHP, podemos obtener la informacin que nos enva otra pagina mediante POST, que es un
sistema de envio de datos. La orden que utilizamos para obtener la informacin se llama
$_POST.
Tal como se comenta al crear el Formulario Flash o HTML, cada campo tiene un nombre que lo
identifica. Los campos son: nombre, empresa, mail, mensaje
El cdigo completo de este archivo send.php es el siguiente:

<?
$nombre = $_POST['nombre'];
$mail = $_POST['mail'];
$empresa = $_POST['empresa'];
$header = 'From: ' . $mail . " \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 . ", de la empresa " . $empresa . "
\r\n";
$mensaje .= "Su e-mail es: " . $mail . " \r\n";
$mensaje .= "Mensaje: " . $_POST['mensaje'] . " \r\n";
$mensaje .= "Enviado el " . date('d/m/Y', time());
$para = 'info@tusitio.com';
$asunto = 'Contacto desde Taller Webmaster';
mail($para, $asunto, utf8_decode($mensaje), $header);
echo '&estatus=ok&';
?>

Como dijimos, por medio de $_POST, obtenemos los datos enviados desde el formulario, estos
datos se guardan en variables, que son posiciones de memoria que mantendrn la informacin
mientras la procesamos. Es as entonces que tomamos el campo $_POST['nombre'] en la
variable $nombre, y lo mismo con $mail y $empresa con los respectivos campos $_POST['mail']
y $_POST['empresa'].
Todo e-mail, es conveniente que tenga una cabecera con los datos mnimos para identificar,
quien lo enva, el programa que lo genero, el formato de los datos del e-mail, etc. Esto es lo que
generamos en las siguientes 4 lneas de nuestro cdigo, o sea la Cabecera del e-mail., que la
guardamos en la variable $header.
La primer lnea arma el remitente, para esto se escribir From: emailremitente@servidor.com
que obviamente no es ese que menciono, esto es solo un ejemplo y si prestamos atencin lo que
dice el cdigo es: From: $mail, esto significa que $mail, como es una variable tomara ah el e-
mail. ingresado en nuestro formulario.
La sigueinte lnea X-Mailer, indica el programa usado para enva este e-mail., siempre usen lo
mismo tal como esta ah, cuando usen lenguaje PHP. Las lneas 3 y 4 indican el formato del e-
mail., esas tambin usenlas iguales copien eso directamente.
Deben notar que al final de cada lnea hay un " \r\n", esto indica un Salto de Lnea, es
simplemente para que lo que viene luego de ese cdigo siga en el rengln de abajo.
Bien, la parte mas importante de este ejemplo es la del mensaje mismo, y es lo que sigue y se
forma en la variable $mensaje, ah se escribe un texto que suma el contenido de $nombre y
$empresa, para armar una frase coherente tipo as: "Este mensaje fue enviado por Jos Prez,
de la empresa Empresa S.A." y salta a la siguiente lnea y abajo escribe: "Su e-mail es:
joseperez@susitio.com", salta un rengln y abajo escribe: "Mensaje: todo el texto que
ingresamos del mensaje", completando eso, abajo del rengln, con la fecha de envio.
Las siguientes lneas son el destinatario, que se almacena en la variable $para y el asunto que
se guarda en la variable $asunto. Estos dos renglones ustedes pueden personalizarlos a gusto
segn el caso.
Por ultimo se ejecuta la orden PHP, que permite el envio del mensaje, esta orden se llama mail
y se le debe indicar de esta forma y en este orden:
mail(destinatario, asunto, mensaje, cabecera)
Que como vemos y como tuvimos la precaucin de guardar todo en variables, sera muy sencillo
hacer la lnea tal como esta ah, de la siguiente manera:
mail($para, $asunto, utf8_decode($mensaje), $header);
Por ultimo lo que se escribe es un echo "&estatus=ok&", que en el formulario flash se utiliza
para saber si el envio fue correcto.
En nuestro ejemplo de Formulario HTML, podemos sustituir eso con un mensaje de xito tipo:
echo "Mensaje enviado correctamente", en lugar de echo "&estatus=ok&"
Puedes realizar consultas o sugerencias sobre este tutorial en nuestro foro de soporte, click aqui