Expectacular formulario de correo para Joomla

Hola despues de estar buscando sin ningun resultado al final un modulo o componente para hacer un formulario de correo en Joomla
que pueda colocar una imagen de fondo y distribuir los campos,era para un trabajo que me han encargado e decidido crear este que van a ver.
Es un modulo Flash con un archivo PHP que gestiona la informacion que se recoge en el formulario, y para colmo tambien tiene Captcha para autentificacion humana.

Este vídeo se compone de dos partes esta parte relacionada con Joomla y en otro como hacerlo con Swishmax ,estos ficheros edita bles estarán en breve listos para descargar para los mas atrevidos.
Pero para los que quieran hacer uno personalizado,me lo pueden pedir atraves de este foro y se lo personalizamos para su web

Como hacer un formulario en Swishmax con captcha y browse

Como hacer un formualario en Swishmax con captcha y browse

PASO 1
Crear un nuevo documento de Swishmax 3

Como hacer un formulario en Swishmax con captcha y browse

PASO 2
Vamos a la ventana properties al botón Movie Properties… y colocamos los valores que se ven en la imagen.

Como hacer un formualario en Swishmax con captcha y browse

PASO 3
Ahora arrastramos la imagen de nuestro formulario la cual trabajamos anteriormente en Photoshop.

Puedes descargar el editable que nosotros hicimos en PhotoShop aquí.

Como hacer un formualario en Swishmax con captcha y browse

PASO 4
Con la herramienta Text tool creamos un recuadro para el área del nombre como el que se ve en la imagen.

Como hacer un formulario en Swishmax con captcha y browse

PASO 5
Vamos a la ventana properties y aplicamos los valores que se ven en la imagen.

Como hacer un formulario en Swishmax con captcha y browse

PASO 6
Creamos otro recuadro para el E-mail y aplicamos los valores que se ven en la imagen.

Como hacer un formulario en Swishmax con captcha y browse

PASO 7
Con la herramienta text tol creamos otro recuadro para el Mensaje y aplicamos los valores que se ve en la imagen de la ventana propiedades.

en la imagen de la ventana propiedades.

Como hacer un formulario en Swishmax con captcha y browse

PASO 8
Con la herramienta Text Tool creamos un cuadro de texto que contenga una letra cualquiera.

Como hacer un formulario en Swishmax con captcha y browse

PASO 9
Vamos a la ventana properties y colocamos los valores como se ven en la imagen los nombres tiene que ser exactamente como aparecen en al imagen por que nos ayudaran en el camino con nuestro formulario.

Como hacer un formulario en Swishmax con captcha y browse

PASO 10
En la ventana Outline damos click derecho sobre nuestro texto y vamos a Grouping – Group as Movie Clip y en la ventana properties le colocamos el nombre de L1.

Como hacer un formulario en Swishmax con captcha y browse

PASO 11
Repetimos el procedimiento 5 veces mas para obtener 6 movie clips diferentes.

Como hacer un formulario en Swishmax con captcha y browse

PASO 12

Ahora vamos a colocarle el siguiente script a nuestro Movie clip L1 es muy importante que se lo coloquemos a ese en especifico

Como hacer un formulario en Swishmax con captcha y browse

PASO 13
Vamos a colocar este otro scrip en el demas movie clips es decir en L2, L3, L4, L5 y L6.

onFrame (2) {
upp = chr( Math.randomRange(97,123));
}
onFrame (3) {
stop();
}

Como hacer un formulario en Swishmax con captcha y browse

PASO 14
Ahora vamos a crear un nuevo recuadro de texto para el área donde se escribirá el código del CAPTCHA, y aplicamos los valores que se ven en la imagen de la ventana properties.

Como hacer un formulario en Swishmax con captcha y browse

PASO 15
Con la herramienta Elipse tool vamos a crear un círculo con un color de relleno sólido y una opacidad de 0%.

Como hacer un formulario en Swishmax con captcha y browse

PASO 16
Con la forma del circulo seleccionado vamos a la ventana Script y agregamos el siguiente código.

on (press) {
 
L1.gotoAndPlay(1);
L2.gotoAndPlay(1);
L3.gotoAndPlay(1);
L4.gotoAndPlay(1);
L5.gotoAndPlay(1);
L6.gotoAndPlay(1);
error="";
capinput="";
error="";
n=3;
}
on (press) {
 
L1.upp="";
L2.upp="";
L3.upp="";
L4.upp="";
L5.upp="";
L6.upp="";
}

Como hacer un formulario en Swishmax con captcha y browse

PASO 17
Con nuestra herramienta Text Tool vamos a crear un recuadro nuevamente y vamos a aplicarle los valores que se ven en la imagen de la ventana properties, ESTA nos servirá para dar los mensajes de error, como por ejemplo “Correo electrónico invalido”.

Como hacer un formulario en Swishmax con captcha y browse

PASO 18
Ahora con la herramienta Autoshape Tool vamos a crear una forma parecida a la del botón de enviar con un color de relleno sólido y una opacidad de 0%

Como hacer un formualario en Swishmax con captcha y browse

PASO 19
Con nuestra forma seleccionada vamos a la Ventana Script y agregamos el siguiente código.

on (release) {
if (nombre=="") {
_root.error="Escriba su nombre";
}
else if (nombre.length < 3) {
_root.error="Escriba su nombre completo";
}
else if (email=="") {
_root.error="Escriba su E-mail";
}
else if (email.indexOf("@") == -1) {

_root.error="Escriba un E-mail valido";
}
else if (email.indexOf(".") == -1) {
_root.error="Escriba un E-mail valido";
}
else if (mensaje=="") {
_root.error="Escriba un Mensaje";
}
else if (mensaje.length < 9) {
_root.error="El Mensaje es muy corto";
}
else if (capinput=="") {
_root.error="Por favor introduce el código de seguridad";
}
else if (capinput.length < 6) {

_root.error="Código Incorrecto";
}
else {
_Nombre=true;
_Email=true;
_Mensaje=true;
}
}
on (release) {
if (_Nombre==true && _Email==true && _Mensaje==true && code==true) {

Como hacer un formulario en Swishmax con captcha y browse

PASO 20
Creamos una nueva forma para el botón de borrar con la herramienta Autoshape Tool.

Como hacer un formualario en Swishmax con captcha y browse

PASO 21
Agregamos el siguiente código a la forma de borrar.

on (press) {
capinput="";
nombre="";
email="";
mensaje="";
L1.gotoAndPlay(1);
L2.gotoAndPlay(1);
L3.gotoAndPlay(1);
L4.gotoAndPlay(1);
L5.gotoAndPlay(1);
L6.gotoAndPlay(1);
error="";
_Nombre=false;
_Email=false;
_Mensaje=false;
submit.enabled=true;
}

Como hacer un formulario en Swishmax con captcha y browse

PASO 22
En nuestra ventana Outline seleccionamos nuestra Scene_1 y luego vamos a la ventana Script y agregamos el siguiente código ya para finalizar nuestra animación.

onFrame (6) {
stop();
}
onSelfEvent (enterFrame) {
display=L1.upp+L2.upp+L3.upp+L4.upp+L5.upp+L6.upp;
}
onSelfEvent (load) {
error_="Todos los campos son requeridos";
capinput="";
nombre="";
email="";
mensaje="";
_Nombre=false;
_Mensaje=false;
_Email=false;
imput=false;
}
onSelfEvent (load) {
var rootMenu = new ContextMenu();
rootMenu.hideBuiltInItems();
_root.menu = rootMenu;
var testFunction1 = function () {
getURL("http://www.tutorialesenlaweb.com");
var testFunction2 = function () {
}
}
var newItem02 = new ContextMenuItem("Formulario con Captcha", testFunction1);
var newItem01 = new ContextMenuItem("www.tutorialesenlaweb.com", testFunction1);
rootMenu.customItems.push(newItem01);
rootMenu.customItems.push(newItem02);
_root.menu = rootMenu;
}
onSelfEvent (enterFrame) {
if (capinput==display) {
code=true;
}
else {
code=false;
}
}

Como hacer un formulario en Swishmax con captcha y browse

FINAL con el comando Ctrl + T exportamos nuestro formulario para ver una vista previa del mismo.

Para editar el send.php lo único que debes hacer es esto:

en la linea 1 EmailFrom = “coloca aqui el e-mail al cual quieres que llegen los datos”;
en la linea 2 EmailTo = “colocar aquí el e-mail que quieres que aparezca como referencia al usuario”;
en la linea 3 Subject = “Coloca el titulo de tu formulario”;

A LA RESPUESTA DE MARCO:

En respuesta a la pregunta de marcos, ya analizamos cual es el problema y aquí te dejo la solución.

PASO 1

El problema es el código de php vamos a crear un nuevo documento de PHP.

Como hacer un formulario en Swishmax con captcha y browse

PASO 2

Guardamos nuestro documento con el nombre de send.php

Como hacer un formulario en Swishmax con captcha y browse

PASO 3

Vamos a copiar y pegar el siguiente código.

<?
 
//Tomamos las variables desde la pelicula
 
$elnombre = $_POST['nombre'];
 
$elemail = $_POST['email'];
 
$elmensaje = $_POST['mensaje'];
 
//Puedes modificar el asunto del mail
 
$asunto="FORMULARIO CON CAPTCHA";
 
//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="
 Esta dirección electrónica esta protegida contra spam bots. Necesita activar JavaScript para visualizarla
 ";
 
//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 CON CAPTCHA <
 Esta dirección electrónica esta protegida contra spam bots. Necesita activar JavaScript para visualizarla
 >\n";
 
 $headers .= "Return-Path: 
 Esta dirección electrónica esta protegida contra spam bots. Necesita activar JavaScript para visualizarla
 ";
 
 $subject = "FORMULARIO CON CAPTCHA";
 
 $recipient = $_POST['email'];
 
 $message ="
 
Agradecemos su interés en FORMULARIO CON CAPTCHA. 
 
      ATENTAMENTE:
 
      TUTORIALES EN LA WEB.
 
\n\n
 
\n"
 
;
 
// echo "$headers<br>";
 
// echo "$subject<br>";
 
// echo "$recipient<br>";
 
// echo "$message<br>";
 
mail($recipient,$subject,$message,$headers);
 
?>