DESCARGAR EJEMPLO | VER EN GRANDE

Las vacaciones ya han terminado, y poco a poco, todos volvemos a sentarnos en nuestras mesas y retomamos aquellos asuntos pendientes que con mayor o menor ilusión dejamos a principios de Agosto.

En mi caso, aparte de los proyectos propios, me ilusiona continuar con los tutoriales de Flash, pero con un ligero cambio.

Durante este trimestre (Septiembre-Noviembre), publicaremos artículos más sencillos y cortos, explicando pequeñas utilidades y dejando que vuestra imaginación haga resto.

Intentaremos que la periodicidad de los artículos sea cada tres semanas, y aunque la lista puede variar (y seguramente lo hará), la idea es tratar los siguientes temas:

1.- Flash y Javascript
2.- Cambiar de cursor
3.- Trabajo con cookies
4.- Carga y control de movies externas
5.- Cargar variables de un txt
6.- Objeto Sonido
7.- Creando un reloj

En este primer ejemplo, veremos cómo trabajar con Flash y Javascript y pasar datos de flash a javascript.

Para integrar flash y javascript, lo primero que haremos será crear un flash y colocarlo dentro de un html. Según el ejemplo, colocaremos cuatro botones y los textos correspondientes, y publicaremos como web. Para publicar como web desde Flash, en el menú Archivo, seleccionamos la opción Configuración de la publicacion... Nos aparece una pantalla como la de la derecha. Marcamos la casilla html y si queremos podremos indicar un nombre de archivo para que nos lo genere automáticamente. En nuestro caso, el nombre de archivo es javascript_flash.html

Una vez tenemos el flash y el html, tenemos que definir las funciones y asignarlas a los botones.

El primer código que escribiremos será una llamada a una función propia de JavaScript.

Nos colocamos en el primer botón y escribimos lo siguiente:

on (press) {
getURL("javascript:alert('hola')");
}

Este código llama a una función de javascript, denominada Alert, que nos devuelve por pantalla lo que escribamos dentro del paréntesis. En nuestro caso, nos devolverá por pantalla el texto hola.

El segundo código que escribiremos será una llamada a una función que crearemos nosotros.

Para este botón, tendremos que editar el html, utilizando un editor de textos como simpletext. Debemos colocar el siguiente código antes de </head>:

<script language="JavaScript" type="text/JavaScript">
<!--
function abrir_ventana(n)
{
window.open(n);
}
//-->
</script>

Este código crea una función propia llamada abrir_ventana que llama a una función de javascript llamada window.open, la cual abre una página html y muestra en ese html el valor que le pasemos a la función.

En Flash, en el segundo botón, escribiremos lo siguiente:

on (press) {
getURL("javascript:abrir_ventana('http://www.zetak.com')");
}

El código pasa como variable la dirección http://www.zetak.com y javascript abre una ventana nueva con esta dirección.

Con el tercer código mandaremos un mensaje personalizado según lo que se escriba en el campo de texto.

Creamos un campo de introducción de texto, y escribimos como nombre de instancia nombre.
Nos colocamos en el tercer botón y escribimos lo siguiente:

on (press) {
valor="javascript:alert('" add "Bienvenido: " add nombre.text add "...')";
getURL(valor);
}

Este código almacena en la variable valor, el texto compuesto de llamada a la función más el valor del campo de texto (nombre.text) y le hemos añadido texto (el operador add sirve para añadir elementos en una cadena).

Con la variable valor, hace una llamada URL.

El tercer código será lo mismo pero llamando a la función propia.

Creamos un campo de introducción de texto, y escribimos como nombre de instancia datos.
Nos colocamos en el tercer botón y escribimos lo siguiente:

on (press) {
valor="javascript:abrir_ventana('" add dato.text add "')";
getURL(valor);
}

Este código almacena en la variable valor, el texto compuesto de llamada a la función más el valor del campo de texto (dato.text).

Con la variable valor, hace una llamada URL.

Y ya está...

Con esto y un poco de imaginación podemos hacer lo que queramos... o casi

:)

 

Materiales del curso (Tutoriales anteriores)

ejercicio 7: Objeto Sonido
ejercicio 6: Operaciones matemáticas
ejercicio 5: Flash y javascript
ejercicio 4: Trabajo con Arrays
ejercicio 3: Pequeñas utilidades
ejercicio 2: Precarga/Galería de fotos
ejercicio 1: Cómo hacer un puzzle

Enlaces interesantes:
Materiales y códigos… una gran biblioteca (en inglés)
http://www.flashkit.com/index.shtml

En castellano
http://www.nomaster.com/
http://www.webexperto.com/flash/
http://www.lawebdelprogramador.com

Un genio con flash… un maestro
http://www.kadazuro.com/tutoriales/

Una gran sorpresa de este verano
http://www.e-tonilopez.com/after-hours/phpBB2/index.php

La comunidad Flash y de desarrolladores de código de Macuarium es muy util para comenzar.
http://www.macuarium.com/foro/