22 mar 2011

¿Cómo hacer un formulario con flash en 5 (cinco) pasos?

1) Agregamos 3 campos de texto estáticos con el siguiente texto

Nombre:

Email:

mensaje:



2) Luego agregamos 3 campos de introducción de texto, al primero le colocamos como propiedades
linea única y mostrar bordes alrededor del texto y le colocamos como instancia nombre_txt.

Al segundo las mismas propiedades salvo que cambiamos el nombre de instancia por email_txt

En el tecero en vez de poner "linea única" colocamos multilínea y el nombre de instancia será mensaje_txt




3) Ahora insertamos un campo de texto dinámico con nombre de instancia: servidor_txt ,será línea única.
   En la casilla variable debemos escribir lo siguiente mailerStatus. En este campo aparecerá la leyenda del servidor.




4) A continuación hacemos un pequeño rectángulo que nos servirá de botón y le colocaremos un texto arriba el cual sera "enviar" seleccionamos a ambos (el rectángulo y la imagen) y lo convertimos en botón (ctrl+f8)
  Luego de eso lo instanciamos y lo llamaremos  enviar_btn .
  Con el boton borrar haremos lo mismo salvo que lo instanciaremos como borrar_btn.





5) Luego nos resta agregar el código para que funcione a este lo colocamos donde figura en la imagen para ello seleccionamos nuestro frame y abrimos el panel de acciones (f9).
 Como podemos notar en el código AS  llama a un send.php ahi les dejó el código solo tienen que abrir un blog de notas y cuando lo guardan como nombre le colocan send.php antes de guardar recuerden cambiar la dirección de mail y el nombre de la página web y listo. Espero que les haya servido.

Aquí les dejo el link para bajarse el send.php http://www.megaupload.com/?d=7XIVX4D1




Codigo AS:


enviar = function () {
    if (email_txt.text.length && nombre_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.sendAndLoad("send.php", form_lv, "POST");
            servidor_txt.text = "Enviando Mensaje..";
            nombre_txt.text = "";
            email_txt.text = "";
            mensaje_txt.text = "";
            form_lv.onLoad = function() {
                if (this.estatus == "ok") {
                    servidor_txt.text = "Tu mensaje fue enviado...";
                    nombre_txt.text = "";
                    email_txt.text = "";
                    mensaje_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";
        mensaje_txt.text = "Dato Necesario";
    }
};
borrar = function () {
    nombre_txt.text  ="";
    email_txt.text ="";
    mensaje_txt.text = "";
    servidor_txt.text ="";
};
enviar_btn.onRelease = enviar;
borrar_btn.onRelease = borrar;



CODIGO PHP:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
</head>

<?php
$nombre = $_POST['nombre'];
$mail = $_POST['mail'];


$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 .= "Su e-mail es: " . $mail . " \r\n" ;
$mensaje .= "Mensaje: " . $_POST['mensaje'] . " \r\n";
$mensaje .= "Enviado el " . date('d/m/Y', time());

$para = 'tumail@hotmail.com';
$asunto = 'Contacto desde la pagina web www.nombredelapagina.com';

mail($para, $asunto, utf8_decode($mensaje), $header);

echo '&estatus=ok&';
?>
<body>
</body>
</html>



2 comentarios:

 

Labels

 
Pymes y emprendedores © 2011 DheTemplate.com & Main Blogger. Supported by Makeityourring Diamond Engagement Rings

You can add link or short description here