Tutorial para crear un pop-up en Flash - Version 2.0.

Hace un tiempo dejé una pequeña ayuda para crear ventanas flotantes en Flash, en esta oportunidad voy a explicar como crear la misma ventana pero con algunas mejoras:

    *El pop-up se abre en el medio de la pantalla, sin importar la resolución del usuario;
    *Mejor disposición de las variables para configurar la ventana emergente;
    *Se optimizó el código de forma que, con una sola función, podamos abrir tantas ventanas como queramos;
    *La función que abre las ventanas es global, por lo cual podrá ser llamada desde cualquier parte de la película (distintos niveles, distintos símbolos, etc)



Bueno, empecemos con la explicación...

Creamos un movieclip el cual funcionará de botón y abrirá el pop-up. Le damos un nombre de instancia, por ejemplo boton.

Luego en el primer fotograma escribimos el siguiente código:

Código: 

//_global hace que la función abrir_ventana pueda ser llamada desde cualquier nivel de la película
_global.abrir_ventana = function(url, winName, ancho, alto, toolbar, menubar, scrollbars, resizable) {
getURL("javascript:void(window.open('"+address+"','"+winName+"','"+"width=

"+ancho+",height="+alto+",toolbar="+toolbar+",menubar="+menubar
+",scrollbars="+scrollbars+",resizable="+resizable+",top='+((screen.height/2)-("+alto/2+"))+',left='+((screen.width/2)-("+ancho/2+"))+''))");
};
//Especificamos los parámetros del pop-up, enviando las variables a la función abrir_ventana
boton.onRelease = function() {
// 0 significa NO
// 1 significa SI
//Dirección del popup
address = "pop_up.htm";
//Nombre de la ventana
winName = "pop_up";
//Ancho de la ventana
ancho = 400;
//Alto de la ventana
alto = 400;
//Barra de herramientas
toolbar = 0;
//Barra de menú
menubar = 0;
//Barra de scroll
scrollbars = 0;
//Cambiar tamaño
resizable = 0;
//Enviar los datos a la función
abrir_ventana(address, winName, ancho, alto, toolbar, menubar, scrollbars, resizable);
};

En la primera parte del código creamos una función global y genérica, de esta forma no repetimos código para cada ventana que queramos abrir. Parece difícil de entender, pero no es más que el código en Javascript que hará abrir el pop-up, con los parámetros genéricos que nosotros configuraremos mas adelante por cada ventana que deseemos.

Lo segundo será especificar los parámetros de la ventana flotante. Al apretar el botón, enviamos los datos sobre como queremos a nuestro pop-up:

Nombre, dirección, ancho, alto, con / sin barra de herramientas, con / sin barra de menu, con / sin barra de scroll y si queremos que sea modificable su tamaño. Como algunos parámetros son booleanos, tan solo con poner un 0 o un 1 podemos manejarlos.

De esta forma, si queremos hacer dos pop-ups pero con parámetros diferentes, tan solo debemos especificarlo en los botones que activan a dichas ventanas:

Código:

//Primer pop-up
boton.onRelease = function() {
address = "pop_up.htm";
winName = "Pop-up";;
ancho = 400;
alto = 400;
toolbar = 0;
menubar = 0;
scrollbars = 0;
resizable = 0;
abrir_ventana(address, winName, ancho, alto,
toolbar, menubar, scrollbars, resizable);};
//----------------------------------------------
//Segundo pop-up
boton2.onRelease = function() {
address = "pop_up.htm";
winName = "Pop-up 2";
ancho = 400;
alto = 400;
toolbar = 1;
menubar = 1;
scrollbars = 1;
resizable = 0;
abrir_ventana(address, winName, ancho, alto,
toolbar, menubar, scrollbars, resizable);
};

Usuarios que han visto este tema también han visto...

- Agrupar paneles en Flash
- Cómo crear un reproductor de MP3 en Flash y ASP
- Ejecutar código ActionScript en función del formato de publicación en Flash
- Cómo hacer botón en Flash
- El time line en Flash

- Versión imprimible de este documento

- Enviar por e-mail este documento