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); };
Autor: Leandro http://www.leandrodonofrio.com/tutoriales/flash/tutorial-para-crear-un-pop-up-en-flash-version-2/ |