Tutoriales en la Web

Formulario Simple en Swishmax

Posteado el 28. Jul, 2010 por creativo in Swishmax

Bueno aquí dejamos la respuesta a la pregunta de Jef espero que esto resuelva tu duda.

PASO 1
Creamos un nuevo documento de Swishmax en blanco Blank Movie.

Formulario Simple en Swishmax

PASO 2

Vamos a la ventana Properties – Botón Movie Properties y aplicamos los valores que se ven en la imagen.

Formulario Simple en Swishmax

PASO 3

En este caso Arrastramos la imagen del formulario que preparamos en photoshop anteriormente.

Formulario Simple en Swishmax

PASO 4

Con la herramienta Text Tool vamos a dibujar una caja de texto como la que se ve en la imagen.

Formulario Simple en Swishmax

PASO 5

Vamos a la ventana Properties y le aplicamos los valores que se ven en la imagen, el tipo de fuente tamaño y color pueden variar dependiendo del gusto de cada persona.

Formulario Simple en Swishmax

PASO 6

Creamos una nueva caja de texto para el e-mail y en la ventana Properties le aplicamos los valores que se ven en la imagen.

Formulario Simple en Swishmax

PASO 7

Hacemos los mismo con la variable del mensaje, en este caso para determinar la altura de la caja cambiamos el valor Lines de un 7 a un numero mas alto o mas bajo dependiendo del tamaño deseado.

Formulario Simple en Swishmax

PASO 8

Con la herramienta Autoshape Tool dibujamos una forma sobre el botón de enviar con un color de relleno sólido con una opacidad de 0%.

Formulario Simple en Swishmax

PASO 9

Realizamos una forma igual para el botón de borrar.

Formulario Simple en Swishmax

PASO 10

Seleccionamos la forma que esta sobre el botón enviar y vamos a la ventana Scritp y colocamos el siguiente código

Code block

on (press) {
    if((mensaje=="")|(email=="")|(nombre=="")){
        resultado = "Todos los datos son requeridos.";
    }
    else {
       resultado="Gracias por contactarnos";
       send="yes";
       this.loadVariables("nombredelphp.php",'POST');
       send="no";
      nombre="";
      email="";
      mensaje="";
        }
}

Formulario Simple en Swishmax

PASO 11

Ahora seleccionamos la forma que esta sobre el botón borrar y vamos a la ventana Script y copiamos el siguiente código

Code block

on (press) {
  nombre="";
  email="";
  mensaje="";
}

Formulario Simple en Swishmax

PASO 12

Por ultimo agregamos una caja de texto y en la ventana Properties le aplicamos los valores que se ven en la imagen.

Formulario Simple en Swishmax

PASO 13

Ahora vamos a crear nuestro php que nos servirá para enviar los datos a nuestro correo, creamos un nuevo documento de PHP en blanco en Adobe Dreamweaver.

Formulario Simple en Swishmax

PASO 14

Copiamos y pegamos el siguiente código dentro de nuestro php

Code block

<?
 
//Tomamos las variables desde la pelicula
 
$elnombre = $_POST['nombre'];
 
$elemail = $_POST['email'];
 
$elmensaje = $_POST['mensaje'];
 
//Puedes modificar el asunto del mail
 
$asunto="FORMULARIO DE CONTÁCTENOS";
 
//Encabezados
 
$encabezado="De: $elnombre<$email>\n"; 
 
//Informacion del e-mail
 
$mensajedatos="Esto fue lo que escribió:$elnombre\n
 
		NOMBRE: $elnombre
 
		E-MAIL: $elemail
 
		MENSAJE: $elmensaje";
 
//E-mail al cual se envia el mensaje
 
$mail="prueba@tutorialesenlaweb.com";
 
//Accion de enviar el mensaje
 
mail($mail,$asunto,$mensajedatos,$encabezado); 
 
 // 2do mail
 
 $headers .= "MIME-Version: 1.0\r\n"; 
 
 $headers .= "Content-type: text/html; charset=iso-8859-1\r\n"; 
 
 $headers = "from: FORMULARIO DE CONTACTENOS <prueba@tutorialesenlaweb.com>\n";
 
 $headers .= "Return-Path: prueba@tutorialesenlaweb.com";
 
 $subject = "FORMULARIO DE CONTACTENOS";
 
 $recipient = $_POST['email'];
 
 $message ="
 
Agradecemos su interés en TUTORIALES EN LA WEB. 
 
      ATENTAMENTE:
 
      DEPARTAMENTO WEB
 
\n\n
 
\n"
 
;
 
// echo "$headers<br>";
 
// echo "$subject<br>";
 
// echo "$recipient<br>";
 
// echo "$message<br>";
 
mail($recipient,$subject,$message,$headers);
 
?>

Formulario Simple en Swishmax

PASO 15

Listo solo lo guardamos con el nombre que colocamos en el código de Swishmax y listo.

Formulario Simple en Swishmax

Articulos relacionados:

Tags: swi, Swishmax, Tutoriales Swishmax