Comunidad de diseño web y desarrollo en internet

Abrir popups con Javascript desde Flash

Muchas veces tenemos que ejecutar funciones fuera de nuestra película de flash. Una manera de hacerlo es utilizando Javascript, en la sección de tutoriales tenemos una muy buena explicación respecto a este tema el cual es muy completo, sin embargo, me gustaría ir de manera específica, dejando las bases para un proyecto que estoy modelando, pero que consta de varias partes, este es una de esas partes, así que veremos para empezar cómo ejecutarlo.

Utilizaremos para ello la creación de una ventana: los famosos PopUp’s. Sí, éstos son intrusivos la mayoría de las veces, pero en ocasiones especiales son de bastante utilidad, así que veremos esto por partes, una de ellas es ver la función de Javascript, window.open(), a la cual es necesario pasarle tres parámetros window.open(URL, nombre_de_la_ventana, forma_de_la_ventana)

En la forma de la ventana es donde pasaremos los parámetros de las características que queramos de la ventana que se va abrir, aquí dejo una lista de los parámetros permisibles:

  • Width: establece el ancho de la ventana en píxeles
  • Height: establece el alto de la ventana en píxeles
  • Top: indica la distancia superior entre la orilla de la pantalla y la ventana
  • Left: indica la distancia izquierda entre la orilla de la pantalla y la ventana
  • Scrollbars: sirve para definir si queremos barras de desplazamiento, es booleano, por lo tanto deberemos asignarle YES o NO
  • Resizable: define si se puede redimensionar la ventana, es también de valor booleano
Desde aquí en adelante todas son booleanos
  • Location: Barra de direcciones
  • Menubar: Barra de menús
  • Status: Barra de estado
  • Titlebar: Barra del título
  • Toolbar: Barra de herramientas


Ahora procederemos a crear nuestra película en Flash.

Generamos la forma que deseemos y lo convertimos en botón ( F8 )

Después lo seleccionamos e introducimos este código ( F9 )

Código :

on (release){
   getURL("javascript:void(window.open('http://mx.geocities.com/joferahu/index.html','popup','toolbar=no,status=0,left=541,top=280,location=0,menubar=no,scrollbars=no,resizable=no,width=700,height=420'))");
}


Y listo, desde Firefox no pude utilizarlo, así que lo subí a un hosting y lo corrí desde ahí. Pueden ver el ejemplo en este link

Ahora veamos los parámetros:

Primero lo ejecutaremos por medio del comando getURL().

Después le indicaremos que se ejecutará una función de Javascript javascript:void(
se hará la función window.open a la cual le habremos pasado los parámetros primero, la dirección en este caso es esta, http://mx.geocities.com/joferahu/index.html debe ser cambiada a la página que ustedes deseen mostrar como pop up después del título 'popup

y por último los siguientes parámetros

Código :

toolbar=no,status=0,left=541,top=280,location=0,menubar=no,scrollbars=no,resizable=no,width=700,height=420'

En los cuales se establece que no quiere barra de herramientas, tampoco barra de estado, a 280 píxeles de arriba sin menú de dirección, ni barra de menús, tampoco barras de scroll ni escalable, con un ancho de 700 y 420 de alto, y listo, nuestra función se ha ejecutado.

Este ancho y alto es por el tamaño de la película flash que contiene ese html, es importante aclarar que dentro de la nueva ventana debemos tener ya preparada otra página para mostrar.

¿Sabes SQL? ¿No-SQL? Aprende MySQL, PostgreSQL, MongoDB, Redis y más con el Curso Profesional de Bases de Datos que empieza el martes, en vivo.

Publica tu comentario

o puedes...

¿Estás registrado en Cristalab y quieres
publicar tu URL y avatar?

¿No estás registrado aún pero quieres hacerlo antes de publicar tu comentario?

Registrate