Enviar email con AS3 y PHP

  • 05/03/2008
  • 12:25 am
  • unijimpe

ActionScript 3 viene con nuevos métodos para el envío y recepción de datos, en esta ocasión les presentamos un ejemplo de como enviar email con AS3 y PHP a semejanza de Enviar email con Flash y PHP pero esta vez actualizando con los nuevos métodos disponibles en AS3.

email-as3.gif

Implementando el Formulario en Flash
Sea que vamos a implementar un formulario de contácto, creamos cuatro campos de texto: txtnombre, txtempresa, txtemail y txtmensaje en los cuales el usuario ingresará sus datos. Además de ello creamos dos MovieClips btenviar y btborrar que servirán para enviar o limpiar el formulario.

Agregando Eventos a los Botones
Lo primero es agregar los eventos para el funcionamiento de los botones, para ello hacemos uso del método addEventListener de la siguiente forma:

  1. btborrar.addEventListener(MouseEvent.MOUSE_DOWN, onBorrar);
  2. btenviar.addEventListener(MouseEvent.MOUSE_DOWN, onEnviar);
  3.  
  4. function onBorrar(obj:Event) {
  5.     // acción para el botón btborrar
  6. }
  7. function onEnviar(obj:Event) {
  8.     // acción para el botón btenviar
  9. }

Implementando el botón Borrar
Para el botón borrar asignamos a todos los campos del formulario a un texto vacío para de esta forma tener todos los campos limpios.

  1. function onBorrar(obj:Event) {
  2.     txtnombre.text = "";
  3.     txtempresa.text = "";
  4.     txtemail.text = "";
  5.     txtmensaje.text = "";
  6. }

Implementando el botón Enviar
El presionar el botón Envíar, se tienen que enviar los datos de los campos como variables a un script del servidor que encargue del envío del correo (En nuestro caso mail.php). Para ello hacemos uso de las clases URLVariables que permitirá definir las variables a enviar, URLRequest que permite definir a donde se enviaran los datos y bajo que método y URLLoader que permite hacer el envío de datos y la detección de este proceso.

  1. function onEnviar(obj:Event) {
  2.     // variables a enviar
  3.     var urlVars:URLVariables = new URLVariables();
  4.     urlVars.nombre = txtnombre.text;
  5.     urlVars.empresa = txtempresa.text;
  6.     urlVars.email = txtemail.text;
  7.     urlVars.mensaje = txtmensaje.text;
  8.     // opciones para el envío
  9.     var urlRequ:URLRequest = new URLRequest("mail.php");
  10.     urlRequ.method = URLRequestMethod.POST;
  11.     urlRequ.data = urlVars;
  12.     // envío y detección de la respuesta
  13.     var urlLoad:URLLoader = new URLLoader();
  14.     urlLoad.load(urlRequ);
  15.     urlLoad.addEventListener(Event.COMPLETE, onSendComplete);
  16.     urlLoad.addEventListener(IOErrorEvent.IO_ERROR, onSendError);
  17. }

Como se observa hemos agregado dos detectores de eventos para mostrar un mensaje de texto de acuerdo a la respuesta del proceso. Para ello implementamos los dos detectores.

  1. function onSendComplete(obj:Event) {
  2.     txtestado.text = "Mensaje Enviado";
  3. }
  4. function onSendError(obj:Event) {
  5.     txtestado.text = "Mensaje Fallido";
  6. }

Finalizando
Unimos todos los bloques de código que hemos desarrollado para obtener nuestro script en AS3 que permitirá el envío de los datos del formulario al script mail.php que se encargará del envío de correo.

  1. btborrar.addEventListener(MouseEvent.MOUSE_DOWN, onBorrar);
  2. btenviar.addEventListener(MouseEvent.MOUSE_DOWN, onEnviar);
  3.  
  4. function onBorrar(obj:Event) {
  5.     txtnombre.text = "";
  6.     txtempresa.text = "";
  7.     txtemail.text = "";
  8.     txtmensaje.text = "";
  9. }
  10. function onEnviar(obj:Event) {
  11.     var urlVars:URLVariables = new URLVariables();
  12.     urlVars.nombre = txtnombre.text;
  13.     urlVars.empresa = txtempresa.text;
  14.     urlVars.email = txtemail.text;
  15.     urlVars.mensaje = txtmensaje.text;
  16.    
  17.     var urlRequ:URLRequest = new URLRequest("mail.php");
  18.     urlRequ.method = URLRequestMethod.POST;
  19.     urlRequ.data = urlVars;
  20.    
  21.     var urlLoad:URLLoader = new URLLoader();
  22.     urlLoad.load(urlRequ);
  23.     urlLoad.addEventListener(Event.COMPLETE, onSendComplete);
  24.     urlLoad.addEventListener(IOErrorEvent.IO_ERROR, onSendError);
  25. }
  26.  
  27. function onSendComplete(obj:Event) {
  28.     txtestado.text = "Mensaje Enviado";
  29. }
  30. function onSendError(obj:Event) {
  31.     txtestado.text = "Mensaje Fallido";
  32. }

Para ver en detalle como se envía correo con PHP, pueden leer Envíar E-mail con PHP. Pueden ver el ejemplo funcionando en mailas3 y finalmente pueden descargar los archivos fuente que incluye el script para el envío de correo en PHP.

Posts Relacionados

Total de Comentarios: 13

Publicidad
Alrevez
05/03/2008
6:43 am

Excelente ejemplo para iniciar!! con ese ejemplo, es ahora màs fàcil implementar un sistema de validación!

Tutorial para hacer un formulario en flash | MJG Adrian
10/03/2008
11:19 pm

[...] “unijimpe” me ecnientro con este muy buen tutorial que muestra como hacer un formulario que se envie [...]

Nacho
12/03/2008
10:14 am

Unijimpe, muy útil el tutorial. Pero no sé dónde debo introducir mi dirección de e-mail para que me lleguen los e-mails cuando la gente envíe el formulario desde mi web.

Perdona mi ignorancia.

Gabo
22/03/2008
6:31 pm

Me quede en la misma situacion de Nacho, donde debo introducir la direccion destino para que llegue el mensaje de correo?…Podrian agregar algunos fragmentos con “Alerts” para evitar el envio de campos vacios?…Gracias!.

Salvador carrasco flores
12/04/2008
10:35 am

Gracias por el codigo en verdad que eres una gran contribucion para la comunidad programadora…

gmancito
29/04/2008
7:26 pm

hice formulario en flash, tambien el archivo php… me sale q se envio, pero nunca llega a mi casilla, eso por un lado… por otro me baje el ejemplo y funciono una sola ves… cuando envio otro formulario no me llega.. q puede ser lo q pasa…

wallpapers cars
08/05/2008
10:20 pm

es muy bueno de verdad gracias

bribon
09/02/2009
7:19 pm

Hola,
buen tuto, bastante util. Solo una pregunta. ¿Sabes si se puede dar algún tipo de formato al email que recibes?, es decir, poder seleccionar la fuente o el tamaño de la misma. Tambien, porque por ejemplo no reconoce las tildes.
Un saludo

unijimpe
10/02/2009
9:16 am

Para darle formato al email, puedes hacerlo con PHP, en donde el lugar de envuar texto plano puedes enviar html con lo cual puedes aplicar el formato que deseas

Paul
01/03/2009
2:08 pm

muchas gracias por el tutorial y por el complemento que es el enviar con PHP.

Mike Morales
31/03/2009
10:22 am

que tal unijimpe, tengo una duda este mismo metodo tal cual esta sirve para ASP??

Gracias!

unijimpe
31/03/2009
12:19 pm

Si, bien podrias utilizarlo con ASP, JSP o el lenguaje de servidor que mas prefieras, el flash hace las veces de mascara para ingresar los datos solamente.

c
01/07/2009
7:57 pm

realmente funciona!!!!
gracias

Enviar Comentario

(*)

(*)