Publicidad
Formulario de Contacto con Flash | Solo Photoshop
Tutorial Photoshop
Tutorial por Solo Photoshop
Solo Photoshop
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.
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.
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.
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 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.
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.
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.
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
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
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
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.
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;
Así queda el formulario de contacto con flash:
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
Comentarios de Formulario de Contacto con Flash | Solo Photoshop
↑ Tutorial
geniuss1987
2006-10-05 22:42
rominacs
2006-10-05 23:19
alejandro001
2006-10-08 15:55
prove el de muestra que pisieron ustedes y no sirve dice que tiene problemas con el servidor!!!
pieromaori
2006-10-09 10:55
usuario00798
2006-10-12 07:40
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
usuario00798
2006-10-12 08:27
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
$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
raziel_hp2
2006-10-22 18:16
mi pagina es "ttp://www.evolucion.cl.tc"
para que vean lo que he eccho con unos cuantos rutoriales de esta pagina
usuario00798
2006-10-30 11:55
orman
2006-11-01 14:05
joker07
2006-11-04 21:06
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:
$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&';
?>
sibel
2006-12-20 03:27
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
SIEMMENS1
2007-04-12 11:54
LE AGRADECERIA EN EL ALMA A QUIEN ME AYUDE SOY UN NOOB DESESPERADO Q SE METIO EN PROBLEMA Y NECESITA AYUDA DE LOS EXPERTOS :(
nanito_pb
2007-06-25 01:16
eybe3
2007-07-30 11:19
Para el q tenga ese problema y lo quiera solucionar, paso mi mail absimu@hotmail.com
clauudiiaa
2008-01-08 16:45
cuke
2008-03-06 12:38
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: 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.
$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&';
?>
cdorado
2008-03-13 14:46
erikson879
2008-05-12 14:54
pepex7
2008-07-09 12:19
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???'
elpeketintin
2008-09-30 19:57
Acabo de hacer el tutorial!
Muy bueno!
Lo único, me cruce con un pequeño problema. Necesito tener este formulario dentro de un movie clip que está dentro de otro movie clip. Alguien me podría ayudar a ver cómo tengo que dar las variables, donde tengo que poner el actionscript?
Bueno, desde ya, gracias!
Sourcegeek
2008-10-16 21:31
Solo un pequeño bug en el actiscript.
Ven la linea "borrar = function () {"?
Bueno, bajo ella esta una lista, ahi falta:
"mensaje_txt.text ="";"
Y para el campo de mensaje, le faltan algunas flechas para scroll, he buscado y encontrado este tuto, y poniendolo en ejecucion queda excelente.
Gracias!
Sourcegeek
2008-10-16 21:33
http://www.desarrolloweb.com/articulos/scroll-texto-flash.html
impacto
2008-10-27 15:25
y tengo un aduda,, n habara quw colocar variables en flash?..
por fa me urge
impacto
2008-10-27 17:07
calinrock
2008-12-19 23:20
AyllonDark
2009-05-05 15:29
Aqui les dejo el archivo send.php con algunas modificaciones para que se entienda mejor.
Ya que en el archivo send.php a muchos usuarios les llegaba el mail pero en blanco osea vacio es porque en...
mail($para, $asunto, utf8_decode($comentario), $header);
echo '&estatus=ok&';
donde dice ($comentario) lo canbian por ($mensaje).
Porque si se dan cuenta la variable $mensaje es la que tiene toda la data del formulario.
y aparte en esta linea de send.php
$mensaje .= "Comentario: " . $_POST['comentario'] . " \r\n";
cambiar por ['mensaje']
porque? porque la variable de flash q contiene el comentario se llama 'mensaje' y no comentario, ya que el que subio el send.php utilizo sis propias variables.
si desean pueden visitar mi foro.
www.wazuu.foroactivo.es
Suerte...
AyllonDark
2009-05-05 15:32
$nombre = $_POST['nombre'];
$mail = $_POST['mail'];
$nombreh = $_POST['nombreh'];
$distrito = $_POST['distrito'];
$perso = $_POST['perso'];
$direccion = $_POST['direccion'];
$telefono = $_POST['telefono'];
$evento = $_POST['evento'];
$edad = $_POST['edad'];
$fecha = $_POST['fecha'];
$apellido = $_POST['apellido'];
$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." \r\n";
$mensaje .= "Nombre Hijo(a): " . $nombreh . " \r\n";
$mensaje .= "Edad: " . $edad . " \r\n";
$mensaje .= "Distrito: ".$distrito . " \r\n";
$mensaje .= "Personaje: " .$perso . " \r\n";
$mensaje .= "Direccion: " .$direccion . " \r\n";
$mensaje .= "Telefono: " .$telefono . " \r\n";
$mensaje .= "Evento: " .$evento . " \r\n";
$mensaje .= "Fecha: " .$fecha . " \r\n";
$mensaje .= "Su e-mail es: " . $mail . " \r\n";
$mensaje .= "Comentario: " . $_POST['mensaje'] . " \r\n";
$mensaje .= "Enviado el " . date('d/m/Y', time());
$para = 'tumail@hotmail.com';
$asunto = 'Formulario de Contacto Animaciones Educativas';
mail($para, $asunto, utf8_decode($mensaje), $header);
echo '&estatus=ok&';
?>
www.wazuu.foroactivo.es
sixlexgo
2009-05-18 12:47
enviar = function () {
if (email_txt.text.length && nombre_txt.length && empresa_txt.length && telefono_txt.length && movil_txt.length && movil_txt.length && ciudad_txt.length && provnom_txt.length && provweb_txt.length && provtel_txt.length && provref_txt.length && informacion_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.empresa = empresa_txt.text;
form_lv.telefono = telefono_txt.text;
form_lv.movil = movil_txt.text;
form_lv.email = email_txt.text;
form_lv.ciudad = ciudad_txt.text;
form_lv.descripcion = descripcion_txt.text;
form_lv.provnom = provnom_txt.text;
form_lv.provweb = provweb_txt.text;
form_lv.provtel = provtel_txt.text;
form_lv.provref = provref_txt.text;
form_lv.informacion = informacion_txt.text;
form_lv.sendAndLoad("send.php", form_lv, "POST");
servidor_txt.text = "Enviando Mensaje..";
nombre_txt.text = "";
empresa_txt.text = "";
telefono_txt.text = "";
movil_txt.text = "";
email_txt.text = "";
ciudad_txt.text = "";
descripcion_txt.text = "";
provnom_txt.text = "";
provweb_txt.text = "";
provtel_txt.text = "";
provref_txt.text = "";
informacion_txt.text = "";
form_lv.onLoad = function() {
if (this.estatus == "ok") {
servidor_txt.text = "Tu mensaje fue enviado...";
nombre_txt.text = "";
empresa_txt.text = "";
telefono_txt.text = "";
movil_txt.text = "";
email_txt.text = "";
ciudad_txt.text = "";
descripcion_txt.text = "";
provnom_txt.text = "";
provweb_txt.text = "";
provtel_txt.text = "";
provref_txt.text = "";
informacion_txt.text = "";
} else {
servidor_txt.text = "Problemas con el servidor.";
}
};
} else {
email_txt.text = "Correo Invalido";
}
} else {
nombre_txt.text = "Dato necesario";
empresa_txt.text = "Dato necesario";
telefono_txt.text = "Dato necesario";
movil_txt.text = "Dato necesario";
email_txt.text = "Dato necesario";
ciudad_txt.text = "Dato necesario";
descripcion_txt.text = "Dato necesario";
provnom_txt.text = "Dato necesario";
provweb_txt.text = "Dato necesario";
provtel_txt.text = "Dato necesario";
provref_txt.text = "Dato necesario";
informacion_txt.text = "Dato necesario";
}
};
enviar_btn.onRelease = enviar;
Y ESTA ES LA PHP
< ?php
$nombre = $_POST['nombre'];
$empresa = $_POST['empresa'];
$telefono = $_POST['telefono'];
$movil = $_POST['movil'];
$mail = $_POST['mail'];
$ciudad = $_POST['ciudad'];
$descripcion = $_POST['descripcion'];
$provnom = $_POST['provnom'];
$provweb = $_POST['provweb'];
$provtel = $_POST['provtel'];
$provref = $_POST['provref'];
$informacion = $_POST['informacion'];
$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 .= "Su telefono es: " . $telefono . " \r\n";
$mensaje .= "Su movil es: " . $movil . " \r\n";
$mensaje .= "Su ciudad es: " . $ciudad . " \r\n";
$mensaje .= "descricipcion del producto: " . $_POST['descripcion'] . " \r\n";
$mensaje .= "nombre del proveedor: " . $provnom . " \r\n";
$mensaje .= "pagina del proveedor: " . $provweb . " \r\n";
$mensaje .= "telefono del proveedor: " . $provtel . " \r\n";
$mensaje .= "referencia proveedor: " . $provref . " \r\n";
$mensaje .= "informacion adicional: " . $_POST['informacion'] . " \r\n";
$mensaje .= "Enviado el " . date('d/m/Y', time());
$para = 'tatiana.ramirez@e-encargos.com';
$asunto = 'Cotizacion producto';
mail($para, $asunto, utf8_decode($mensaje), $header);
echo 'mensaje enviado coreectamente';
?>
LES AGRADEZCO LO QUE PUEDAN HACER POR MI
↑ Tutorial