Java

TUTORIAL PARA CREAR FORMULARIOS EN FLASH
Antes de comenzar debeís entender que Flash de por sí no puede enviar los datos introducidos en el formulario, para poder hacerlo necesitamos que trabaje en asociación o alguna tecnología de servidor como PHP, ASP o CGI. En este tutorial se os va a explicar como hacer la parte que le afecta a Flash, es decir, el interfaz gráfico y la comprobación de losvalores introducidos por el usuario. Para la parte del servidor vosotros tendreís que hacer un archivo que mande los datos y que le responda al flash error=0 en caso de el email con los datos se haya enviado bien.
COMO HACERLO.
Como podeís ver, el formulario es muy sencillo y está compuesto únicamente por cuadros de introducción de texto. En la parte inferior derecha tenemos un área reservadapara mostrar alguna posible alerta y los botones de enviar y borrar todo.

Para organizar los elementos del formulario vamos a crear dos movieclips. El primero, llamado formulario_mc, va a contener los cuadros de introducción de texto con sus respectivas etiquetas, además del titular del formulario y el texto explicativo que queraís. En el segundo clip, llamado submitForm_mc, estarán los botones yel espacio para mostrar la alerta.
Lo primero que tenemos que hacer es maquetar el título, las etiquetas y los cuadro de introducción de texto dentro de formulario_mc, según añadimos cuadros, les asignamos un nombre de instancia y una variable asociada. En nuestro caso también le hemos añadido unas flechitas que se posicionarán a la altura del campo que esté seleccionado.
// código en fotograma1 de formulario_mc
// colores empleados en el formulario
colorCampos = 0x506682;
colorFondo = 0x254063;
colorDestacado = 0x112142;
resetCampos(); //definida más abajo
// aparece seleccionado el nombre de inicio.
nombre.backgroundcolor = colorDestacado;
Selection.setFocus("nombre");
nombre.tabIndex = 1;
email.tabIndex = 2;
localidad.tabIndex = 3;
empresa.tabIndex = 4;
tel.tabIndex =5;
consulta.tabIndex = 6;
// cuando seleccionamos un campo movemos
// las flechitas
nombre.onSetFocus = function() {
moverMarker(155, this);
};
email.onSetFocus = function() {
moverMarker(202, this);
};
localidad.onSetFocus = function() {
moverMarker(249, this);
};
empresa.onSetFocus = function() {
moverMarker(297, this);
};
tel.onSetFocus = function() {
moverMarker(344, this);
};consulta.onSetFocus = function() {
moverMarker(391, this);
};
// constantes globales para realizar el
// movimiento elástico de la flecha
_global.f2 = 0.5;
_global.r2 = 0.3;
// función para mover las flechitas y
// colorear el campo seleecionado
moverMarker = function (guiaV, campo) {
resetCampos();
campo.backGroundColor = colorDestacado;
marker.onEnterFrame = function() {marker._y = marker.guia;
marker.Yevel = marker.Yevel*f2+(guiaV-marker.guia)*r2;
marker.guia += marker.Yevel;
if (marker._y == guiaV) {
campo.backGroundColor = colorDestacado;
delete marker.onEnterFrame;
}
};
};
// inicializa el aspecto de los campos
function resetCampos() {
nombre.border = true;
nombre.borderColor = colorCampos;
email.border = true;
email.borderColor = colorCampos;localidad.border = true;
localidad.borderColor = colorCampos;
empresa.border = true;
empresa.borderColor = colorCampos;
tel.restrict = "0-9+"; //sólo numeros
tel.border = true;
tel.borderColor = colorCampos;
consulta.border = true;
consulta.borderColor = colorCampos;
nombre.background = true;
nombre.backgroundcolor = colorFondo;
email.background = true;
email.backgroundcolor = colorFondo;localidad.background = true;
localidad.backgroundcolor = colorFondo;
empresa.background = true;
empresa.backgroundcolor = colorFondo;
tel.background = true;
tel.backgroundcolor = colorFondo;
consulta.background = true;
consulta.backgroundcolor = colorFondo;
}
Vamos a explicar el código. Primero definimos los colores que vamos a emplear en las cajas. Después llamamos a resetCampos() para...