Envío de emails con Flash y Php:

Otro punto fuerte de Flash es que puede comunicarse con un archivo Php. Con lo que podemos dar a nuestras películas todo el potencial que nos ofrece los lenguajes de programación del lado del servidor.

En este tutorial crearemos un formulario de envío de emails desde el propio archivo flash:

Realizamos un formulario para que los usuarios puedan escribir comentarios que recibiremos en nuestra cuenta de correo electrónico. Vemos el resutado : (Ejemplo no operativo, sólo prueba)

Primero creamos un archivo php llamado email.php con el siguiente código:

<?php

    $nombre = $_REQUEST["nombre"];

    $destino = "micorreo@micorreo.com";

    $remitente = "wembaster@micorreo.com";

    $asunto = $_REQUEST["asunto"];

    $cuerpo = $_REQUEST["cuerpo"]; 

    $emailusuario = $_REQUEST["emailusuario"]; 

    

    $headers = "MIME-Version: 1.0\r\n";

    $headers .= "Content-type: text/html; charset=iso-8859-1\r\n";

    $headers .= "From: Título de Mi Sitio <$remitente>\r\n";

    $headers .= "Reply-To: $remitente\r\n";

    $headers .= "Return-path: $remitente\r\n";

    

    $contenidoemail
='

<html>

<head>

<title>Mi sitio</title>

</head>

<body>

Nombre: '.$nombre.'<br>
 
Correo del usuario: '.$emailusuario.'<br>

Mensaje: '.$cuerpo.'

</body>

</html>

';    

    mail($destino, $asunto, $contenidoemail, $ headers); 

    ?>

Ahora vamos a crear el formulario en flash (formulario.swf):

Necesitamos 4 campos de texto con la propiedad "introducción de texto" donde captaremos las variables del mensaje, un símbolo botón para ejecutar el envío y otro botón para borrar los campos:

$nombre: nombre_txt
$emailusuario: emailusuario_txt
$asunto: asunto_txt
$cuerpo: cuerpo_txt
enviar_btn
borrar_btn

Primero comprobamos que los campos de texto tienen información, deshabilitando el botón enviar en caso contrario y depués enviamos las varibles a php con el siguiente código actionsript que situaremos en el primer fotograma:

comprobar= new Object();

comprobar.onKeyUp = function(){

if(nombre_txt.text != ' ' 

&& asunto_txt.text != ' ' 

&& emailusuario_txt.text != ' '

&& nombre_txt.text != ' '){

enviar_btn.enabled = true;

estado_txt.text = "Campos incompletos";

}

else {
 
enviar_btn.enabled = false;

}


}

Key.addListener(comprobacion);

enviar_btn.enabled = false;

Ahora enviamos las varibles a php:

var enviar_lv:LoadVars=new LoadVars();

enviar_btn.onRelease= function(){



enviar_lv.nombre=nombre_txt.text;

enviar_lv.asunto=asunto_txt.text;

enviar_lv.emailusuario=emailusuario_txt.text;

enviar_lv.cuerpo=nombre_txt.text;





enviar_lv.sendAndLoad("email.php", enviar_lv, "POST"); 

}

Insertamos el código actionscript en el botón borrar:

on (release) { 

    nombre_txt.text = ""; 

    emailusuario_txt.text = ""; 

    asunto_txt.text = ""; 

    cuerpo_txt.text = ""; 

    }

Finalmente en el botón enviar insertamos el siguiente código para que salte al fotograma 2 de confirmación del envío. En ese fotograma 2 insertamos un texto estático con la confirmación del envío y un nuevo botón volver_btn que cuando sea presionado volverá al fotograma 1:

Botón enviar_btn:

on (release) {

_root.gotoAndPlay(2);

}

Botón volver_btn:

on (release) {

_root.gotoAndPlay(1);

}

Insertamos un stop(); en el fotograma 1 y 2.

Esta confirmación del envío es cierta confiando que nuestro servidor funciona correctamente es ese momento, si queremos que la información sea real debemos ordenar al archivo php que comunique la confirmación del envío a flash.

Inicio / Servicios Web / Recursos Web / Portfolio / Enlaces / Contacto / Sitemap / Aviso Legal

Hu Creative Web Site - info@hucreative.com
www.hucreative.com