TUTORIALES FLASH

FORMULARIO DE CONTACTO EN FLASH

Tutorial por Jmx de www.EstiloFlash.com

Que tal fanático del mundo flash, en esta ocasión presentare la primera parte del fantástico, sensacional e inimaginable tutorial llamado formulario de contacto. Espero que sea de ayuda para sus paginas webs, y sin más preámbulos comenzamos.

Iniciamos por crear un documento de dimensiones 550*200 píxeles.

Tutorial Crear Formulario de contacto con Flash 01

Esta parte es sumamente sencilla solo tienes que agregar cuatro campos de texto estáticos y en ellos introducir las siguiente frases Nombre, Empresa, Correo Electrónico y Mensaje el formato de letra y color te lo dejo a tu elección.

Tutorial Crear Formulario de contacto con Flash 01

Espero que esta pare no sea muy complicada, ahora hay que agregar cuatro campos de texto vacíos lo suficiente mente anchos. Estos deben de tener algunas características especiales como son el tipo te texto debe de ser Introducción de texto, se tiene que nombrar el nombre de instancia el cual va a hacer nombre_txt, el tipo de línea tiene que ser Línea Única y por ultimo seleccionar Mostrar borde alrededor del texto. Hay que insertar dos campos de texto con este tipo de característica, en los cuales solamente cambiaremos el nombre de instancia, esto lo explicare a continuación.

Tutorial Crear Formulario de contacto con Flash 01

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

Tutorial Crear Formulario de contacto con Flash 01

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

Tutorial Crear Formulario de contacto con Flash 01

En el cuarto campo de texto cambiar el nombre de instancia email_txt por el de mensaje_txt también se hará una pequeña variación en el tipo de línea el cual cambiara de Línea única a Multilínea. Este campo de texto debe de ser un poco más agrande que los anteriores esto es con el fin de que los interesados escriban su mensaje tal como se muestra en la imagen.

Tutorial Crear Formulario de contacto con Flash 01

Ahora insertar un campo de Texto dinámico el cual llevara como nombre de instancia servidor_txt el tipo de línea será Línea única y en la casilla Var: escribir mailerStatus. En este campo aparecerá una leyenda si es que hay problemas con el servidor.

Tutorial Crear Formulario de contacto con Flash 01

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 también esta un poco laborioso pero no complicado.

A continuación insertar un nuevo símbolo ya saben la ruta del dinero ctrl.+F8 nombrarlo botón y de comportamiento Clip de película. Este símbolo servirá para dos botones uno de enviar y el otro de cancelar.

Tutorial Crear Formulario de contacto con Flash 01

En el símbolo botón dibujar un rectángulo de color blanco y con dimensiones 75 de ancho por 25 de alto las coordenadas con X=0 y Y=0

Tutorial Crear Formulario de contacto con Flash 01

Arrastrar el símbolo botón hacia la escena y en nombre de instancia escribir enviar_btn, aquí adecuaremos las dimensiones de nuestro botón así como las coordenadas el tamaño es 55*20 y coordenadas X=415 y Y=165

Tutorial Crear Formulario de contacto con Flash 01

Arrastramos nuevamente el símbolo 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

Tutorial Crear Formulario de contacto con Flash 01

Este paso es sumamente sencillo y fácil de realizar hasta el compañero diseñador 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.

Tutorial Crear Formulario de contacto con Flash 01

Por último agregar el código 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;

Tutorial Crear Formulario de contacto con Flash 01

Así queda el formulario de contacto con flash:

Descarga el Archivo Fla

La continuación 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

Hemos creado el correo electrónico tutoriales @ solophotoshop.com para recibir tus tutoriales y artículos.
Registrate aquí para consultar, comentar, recibir novedades y valorar los Tutoriales y Artículos

 Fecha: 25/09/2006  OPPIMENTEL escribió:


 Fecha: 05/10/2006  GENIUSS1987 escribió:
man onde podria kambiar el korreo de destino, si es k lo kiero que los mensajes me lo envien a mi korreo...

 Fecha: 05/10/2006  ROMINACS escribió:
Si, tambien me gustaria saber donde pongo que correo al que deseo que lleguen los mensajes de contacto. Gracias.

 Fecha: 08/10/2006  ALEJANDRO001 escribió:
ok prove el de muestra que pisieron ustedes y no sirve dice que tiene problemas con el servidor!!!

 Fecha: 09/10/2006  PIEROMAORI escribió:
si necesito si porfavor me pdieran decir como redirecciono para que entre en mi correo, gracias

 Fecha: 12/10/2006  USUARIO00798 escribió:
para todos los que tienen el problema del correo para direccionar a a tu correo debes tener un archivo. *.php creado con el script de las variables cargadas en el archivo *.fla para que funcione, yo tambien estoy en las mismas con ese tema, la diferencia es q tengo los archivos pero no me sirven,tal vez a uds.les sirva, no se si el server no me lo soporta o no se, si quieren un poco de ayuda les puedo enviar el archivo mi direccion es alejandro.neira.chile@gmail.com espero que les sirva mi ayuda Alejandro

 Fecha: 12/10/2006  USUARIO00798 escribió:
Otra vez yo, con un poco de ayda aqui hay un script que puede servir primero ahy trabajar el archivo *.fla y seleccionar los campos de texto en el lugar donde dice var(ese es el campo variable que toma los datos y los envia al archivo siguiente qu de ahy mencionare)y colocar el nombre de la variable, en este caso la primera variable se le debe colocar el nombre de "nombre" obviamente sin comillas, y al siguiente lo mismo al de empresa "empresa" y seguido de mail y mensaje siguiendo los mismos pasos anteriores. despues ahy q crear un archivo *.php con el nombre de send.php en dreamweaver o en el block de notas y pegar el siguiente codigo <?php $MailTo="tucuenta@tuserver.com"; $dia=date("m.d.Y"); $hora=date("H:i:s"); $contenido=" El Mensaje se Envio el $dia a las $hora: ---------------------------------------------------------------------------- Nombre: $nombre Apellido: $empresa E-mail: &mail ---------------------------------------------------------------------------- Mensaje: $mensaje ---------------------------------------------------------------------------- "; mail($MailTo, "$Subject (de $nombre $empresa)", $contenido, "From: $mail"); ?> ahora el tema del correo donde aparece $MailTo="tucuenta@tuserver.com"; ahy es donde colocar la direccion de correo a donde desees que te llegue el correo y lo mas importante es q los dos archivos deben ir juntos en la misma carpeta donde alojaras tu archivo *.swf que crearas en flash y listo ahora si tienes problema con el envio puede ser problemas de soporte del server pero en una de esas les puede servir , ahora si alguien sabe bien el tema de los scrpit y si yo tengo algun error en el script y tenga animo de aydar por pavor comentelo Gracias espero que les sirva Saludos Alejandro

 Fecha: 22/10/2006  RAZIEL_HP2 escribió:
esta buno el tutorial pero siempre sale con q tiene problemas con es servidor ¿como redirecciono el correo? mi pagina es "ttp://www.evolucion.cl.tc" para que vean lo que he eccho con unos cuantos rutoriales de esta pagina

 Fecha: 30/10/2006  USUARIO00798 escribió:
si quieres te ayudo, a mi igual me ayudaron cuando la necesite , asi que si te sirve mi direccion de correo esta arriba en el mensaje de arriba , total estamos pa' ayudarlos entre toos ¿o no?

 Fecha: 01/11/2006  ORMAN escribió:
solo necesito un servidor para poder alojar la web que tengo gracias a los tutoriales.

 Fecha: 04/11/2006  JOKER07 escribió:
He seguido todos los pasos del tutorial para instalar el formulario, pero aunque aparentemente funciona y me da el mensaje de "correo enviado" no me llega nada a la cuenta que le indico. Supongo que como he modificado algunas cosas ya que necesito mas campos de texto y diferentes datos, tiene que haber alguna "cagada" por mi parte... Os adjunto los codigos del fla. y del php. por si alguien me puede hechar una mano, ya que tengo que entregar este trabajo la semana que viene...!!!! GRACIAS ANTICIPADAS !!!!!! -EL FLA: enviar = function () { if (email_txt.text.length && nombre_txt.length && apellidos_txt.length && dni_txt.length && nacionalidad_txt.length && telefono_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 = apellidos_txt.text; form_lv.mensaje = dni_txt.text; form_lv.empresa = nacionalidad_txt.text; form_lv.empresa = telefono_txt.text; form_lv.empresa = email_txt.text; form_lv.sendAndLoad("email.php", form_lv, "POST"); servidor_txt.text = "enviando mensaje..."; nombre_txt.text = ""; apellidos_txt.text = ""; dni_txt.text = ""; nacionalidad_txt.text = ""; telefono_txt.text = ""; email_txt.text = ""; form_lv.onLoad = function() { if (this.estatus == "ok") { servidor_txt.text = "mensaje enviado"; nombre_txt.text = ""; apellidos_txt.text = ""; dni_txt.text = ""; nacionalidad_txt.text = ""; telefono_txt.text = ""; email_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"; apellidos_txt.text = "dato necesario"; dni_txt.text = "dato necesario"; nacionalidad_txt.text = "dato necesario"; telefono_txt.text = "dato necesario"; } }; enviar_btn.onRelease = enviar; -EL PHP: <?php $nombre = $_POST['nombre']; $mail = $_POST['mail']; $apellidos = $_POST['apellidos']; $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 . ", apellidos " . $apellidos . " \r\n"; $mensaje .= "Su e-mail es: " . $mail . " \r\n"; $mensaje .= "nacionalidad: " . $_POST['nacionalidad'] . " \r\n"; $mensaje .= "Enviado el " . date('d/m/Y', time()); $para = 'reservas@new-iris.com'; $asunto = 'Reserva de plaza'; mail($para, $asunto, utf8_decode($mensaje), $header); echo '&estatus=ok&'; ?>

 Fecha: 20/12/2006  SIBEL escribió:
eres muy bueno y tienes mi admiracion.... quiero ver si me puedes ayudar la soy pricipiante en flash y quiera si me puedes mandar unos ejercios para que me valla familiarizando, o en donde puedo encontrar ejercicios mas sencillos gracias amigo mi correo zeto57@hotmail.com

 Fecha: 12/04/2007  SIEMMENS1 escribió:
HOLA TENGO UNA PREGUNTA Y ES DE SUMA URGENCIA OK YA CREE MI BASE DE DATOS EN LA PELICULA EN FLASH EN LA PELI ME DICE MENSAJE ENVIADO TOOODO BIEN, PERO EN LO Q LA SUBO AL SERVER ME DICE PROBLEMAS CON EL SERVIDOR, CREE EL ARCHIVO SEND.PHP Q COLOCARON ARRIBA PERO NADA TODAVIA ME SALE LO MISMO Q PUEDO HACER Y YA TENGO Q ENTREGAR LA PAGINA.. LE AGRADECERIA EN EL ALMA A QUIEN ME AYUDE SOY UN NOOB DESESPERADO Q SE METIO EN PROBLEMA Y NECESITA AYUDA DE LOS EXPERTOS :(

 Fecha: 25/06/2007  NANITO_PB escribió:
EXELENTE, tienes k seguir los pasos, nada mas, ademas de ponelre un poko de atencio al tutotial en todo web, sobre el codigo php, de ahi nada mas ¡¡¡ ahhh , y PD: todas las kosas funcionan siempre y cuando este colgada en la web, sino no funciona...ahi los vidrios nanito_pb

 Fecha: 30/07/2007  EYBE3 escribió:
Hola a todos!!! Bueno hice este tutorial para el armado del formulario y me encontre con un error y por eso tira la frase "Problema con servidor"... Para el q tenga ese problema y lo quiera solucionar, paso mi mail absimu@hotmail.com

 Fecha: 08/01/2008  CLAUUDIIAA escribió:
Por suerte no lo quiero para pagina web xD veo que es un lio para lo de redireccionar al correo. Segui el tutorial me funcionó todo bien excepto por que los botones de enviar y cancelar no funcionan xD pero bueno esta bien, estoy recien empezando, muchas gracias por el tutorial =)

 Fecha: 06/03/2008  CUKE escribió:
El tutorial es excelente. Y muy sencillo de hacer. Yo tambien tengo problemas con el php para recibir el mail. (y lo mismo me pasaba con otro formulario diferente que tengo y ya probé). El mail me llega, lo único diferente que le agregué al php modelo (además de modificarle las variables) fue: <?php eso en la primer línea del php, antes de agregarlo no me llegaba nada a mi casilla. Ahora logré que me llegue, pero el mail llega vacío y con el remitente desconocido. Si alguien sabe como puedo solucionar esas dos cosas les agradezco muchísimo!!!!!!! Si quieren verlo esta subido a: www.submarinodg.com.ar/contacto3.html Copio abajo el php completo. <?php $nombre = $_POST['nombre']; $mail = $_POST['mail']; $apellido = $_POST['apellido']; $edad = $_POST['edad']; $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 . "" . $apellido . "Edad:" . $edad . " \r\n"; $mensaje .= "Su e-mail es: " . $mail . " \r\n"; $mensaje .= "Comentario: " . $_POST['comentario'] . " \r\n"; $mensaje .= "Enviado el " . date('d/m/Y', time()); $para = 'submarinodg@gmail.com'; $asunto = 'Formulario de Sardi prueba'; mail($para, $asunto, utf8_decode($comentario), $header); echo '&estatus=ok&'; ?>

 Fecha: 13/03/2008  CDORADO escribió:
Esta Cool son los putos amos mis respetos jala de poca madre perdon por el lexico pero me emocione tenia dias quieriendo aprender a hacer esto por fin lo he conseguido gracias a ustedes 100 % recomendable su sitio web sobre todo funcional sigan asi

 Fecha: 12/05/2008  ERIKSON879 escribió:
Hola a todos hica paso a paso este tuto y hice el send.php pero lleno con todos los dato lo envio y en el archivo flash me dice que el mensaje fue enviado y no me llega nada necesito ayuda por favor mi correo es erikson879@hotmail.com

 Fecha: 09/07/2008  PEPEX7 escribió:
Hola esta muy bueno este taller. lo he hecho y me a funcionado, ahora necesito poner un campo que sea de telefono pero no me resulta La pregunta es--> hay que crear una variable numerica???'

 
© Copyright 2001 - 2008
Solo Photoshop, Tutoriales, VideoTutoriales, Artículos y Recursos de Photoshop y Flash.