Proyecto: Formularios en Flash MX / El Botón "Submit"
Visitors to VTC.com will be able to view all introductory videos for each training course.
Free Trial Members will gain access to first three chapters for each training course.
Full Access Members have full access to VTC.com’s entire library of video tutorials.
Learn More
Subtitles of the Movie
El boton "Submit Reservation", que aqui sirve para enviar la reservacion, es el que se presionaria para enviar el contenido del formulario desde el servidor, bien sea para su revision por parte del cliente o bien a un servidor de bases de datos o a otro servidor. Para efectos de este ejemplo, tomare el contenido de todos los componentes y cuadros de texto y los mostrare en la ventana "Trace". Para ello, basta con crear un controlador del evento clic al que he llamado "submitReservation"; a continuacion, debajo de la seccion "Clear Form" escribire su nombre y luego la palabra "function". A continuacion insertare una serie de comandos "Trace", para hacer el seguimiento de las distintas variables y de su contenido; no obstante, para que el resultado del comando "Trace" sea mas legible y descriptivo, conviene incluir un literal de cadena que indique la variable que se esta mostrando. Por ejemplo, si deseo mostrar el nombre del usuario, escribire "Name", dos puntos, espacio, signo mas y "name_txt.text". Ahora bien al hacer esto, en primer lugar se imprimira esta porcion y, a continuacion, el contenido del cuadro de texto. Esta es solo una opcion; de hecho, podria limitarme a escribir "trace" y agregar un nombre de variable, pero apareceria un conjunto de datos varios en el formulario "Trace", los cuales serian muy dificiles de descifrar si no se sabe lo que se esta buscando. De esta forma, la informacion de seguimiento estara disponible en el codigo de "ActionScript" para fines de depuracion, etc., y sera mucho mas facil de leer. Ahora continuare con la lista: "Address", que abreviare como "Addr" tambien les hare seguimiento a "City" y a "State" (como este ultimo es un cuadro combinado, usare el metodo "getSelectedItem"; recuerde que hay que agregar aqui "label", pues es alli donde estoy almacenando la informacion, aunque no hay valores asignados en "Data".) Ahora, para darle un mejor aspecto a la ventana, agregare un campo en blanco; tambien es posible agregar, al final del campo un signo mas y luego un literal "r", que debe ser un caracter alfabetico; pero optare por separar esto con un valor nulo y a continuacion agregare mas espacio. Tras terminar con los primeros cuadros de texto, seguire con "Phone" y "Email". Al primero lo llamare "phoneNum_txt" y al segundo, "email.txt". Enseguida insertare otro de los valores nulos, que copiare y pegare aqui. A continuacion hare el seguimiento de los valores correspondientes a "Check In Date" y a "Check Out Date"; al primero lo llamare "Check - In Date" y le agregare dos puntos, un espacio y escribire "checkIn_txt.text". Hare lo mismo con el elemento siguiente, al que llamare "Check-Out Date"; tras alinear los dos puntos, escribire "checkOut_txt.text" y listo. Ahora seguire con "Room Type". Como recordara, en este caso "Room Type" estaba en el mismo cuadro y area de grupo donde estaban los botones de opcion "Smoking" y "Non Smoking", situados a la izquierda, y "Type of Bed", ubicado a la derecha. Asi pues, colocare estos botones en el mismo campo; en primer lugar, el cuadro combinado "roomType_cb"É al que agregare el metodo "getSelectedItem" y luego "label". Por ultimo esta la opcion de que se le envie al usuario mayor informacion. Puesto que esta es una casilla de verificacion se facilitara el uso del operador, que aqui sera "Send More Info". Ahora colocare entre parentesis "sendInfo.ch", que evaluara la expresion "getValue"; si esta es "true", la respuesta sera "Yes" ("Si"); de lo contrario, sera "No". Ahora colocare dos parentesis, uno para expresion interior y otro para el comando "Trace", y por ultimo, un punto y coma. Dado que puedo aplicar gran parte de esto a la otra casilla de verificacion bastara con copiar este fragmento de codigo y reemplazar lo que sea diferente, en este caso, "Have Rep Call", y el nombre de la casilla que es "repCall_ch"; todo lo demas quedara igual. Asi pues, este fragmento mostrara "Send More Info: " y si la casilla de verificacion ha sido activada, devolvera "Yes" o, en caso contrario, "No". Por ultimo, agregare una llave de cierre y procedere a guardar y a probar la pelicula. Para ello, ingresare algunos valores aqui, cambiare el estado a Louisiana escribire un codigo postal ficticio, activare las casillas "Send More Info" y "Have a Rep Call Me", escogere una fecha aqui y otra aca, y seleccionare las opciones "Smoking" y "Presidential". Luego de ingresar la informacion, presionare el boton "Submit Reservation", tras lo cual los datos deberian aparecer en la ventana de resultado. Al compararla con el formulario, aparecen los datos de "Name", "Address", "City", "State", "Zip", "Phone", "Email", "Check-In Date", "Check-Out Date", "Smoking", "Presidential" (estos dos combinados) y "Send More Info" y "Have Rep Call" con el valor "Yes". A esta informacion con formato puede darsele otro formato y otros usos en un programa dado. Por ejemplo, podria crear un formulario con la leyenda "Gracias por su reservacion, Mr. Flash" o algo por el estilo. Como puede ver, es muy facil extraer valores de cualquiera de los componentes del escenario y esta es la manera de usarlos para crear un formulario en Flash MX.
Tutorial Information
| Course: | Macromedia Flash MX Intermediate Developer (Español) |
| Author: | Eric Hake |
| SKU: | 33754 |
| ISBN: | 1-933736-77-1 |
| Release Date: | 2007-03-30 |
| Duration: | 7 hrs / 93 lessons |
| Captions: | Available on CD and Online University |
| Compatibility: |
Vista/XP/2000, OS X, Linux QuickTime 7, Flash 8 |
VTC Sign up & Benefits
- Unlimited Access
- 98,729 Video Tutorials (23,265 free)
- Video Available as Flash or QuickTime
- Over 1026 Courses
- $30 for One Month Access
- Multi-User Discounts Available
United States 