Tutorial para crear un Pop-up en Flash
miércoles, 10 de mayo de 2006

Voy a explicar como hacer activar una ventana flotante (pop-up) al apretar un botón, todo el código puesto en la película Flash. También si lo desean pueden consultar mi otro Tutorial para crear un Pop-up en Flash - Versión 2.0 el cual posee algunas mejoras con respecto a esta ayuda.


El ejemplo del siguiente tutorial lo pueden ver aquí ...

 

Lo primero que vamos a hacer es es la creación del botón que al presionarlo, hará que se abra la ventana flotante.

Una vez hecho el botón (confío que sabrán cómo hacerlo :D), abren el panel de acciones (F9) y escriben el siguiente código sobre el botón:

Código:



Vamos a explicar que significa cada parámetro:

    *on (release): Cuando se suelta el botón ejecutar la acción;
    *getURL: Ir a una URL;
    *javascript:void: Le avisamos que no es una pagina lo que se abre si no que se llama a una función en Javascript, la cual abrirá el pop-up;
    *ventana_pop_up.htm: Archivo html, el cual es el contenido del pop-up, debe estar en la misma carpeta raíz que los demás archivos;
    *popup: La ventana debe seguir el comportamiento de un popup;
    *toolbar=no: No debe haber barra de herramienta en el pop-up;
    *menubar=no: No debe haber barra de menú;
    *scrollbar=no: Tampoco debe haber barra de desplazamiento;
    *resizable=no: No se podrá cambiar el tamaño de la ventana;
    *width: Tamaño de la ventana, en este caso 400 pixeles;
    *height: Altura de la ventana, en este caso también 400 pixeles;
    *top: Especifica cuantos pixeles (en referencia al lado superior de la pantalla) debe estar el pop-up , en este caso 150 pixeles;
    *left: Especifica cuantos pixeles (en referencia al lado izquierdo de la pantalla) debe estar el pop-up , en este caso también 150 pixeles.

Bueno, eso es todo, nada mas me queda por decir que la gran mayoría de los usuarios poseen un filtro anti-pop-up por lo que hay que tomar con pinzas el tema de poner o no popups...

 

Ejemplos utilizados  

 

 


Tags:  tutorial flash

Artículos Relacionados:




 Comentarios (10)
 1 Escrito por Juan, el 05-10-2007 21:38
Hola q tal... 
 
Me abre el pop up, pero no me carga la pelicula o el swf que esta en su contenido... 
 
Salu2
 2 Escrito por Migala website, el 06-11-2007 07:16
Sencillo pero util. Teniendo en cuenta tu observación.
 3 Escrito por Daniela, el 09-11-2007 13:54
Hola.. re util este tuto.. MIL GRACIAS... 
sólo tengo una duda.. creé el archivo .htm pero no sé dónde tengo que guardarlo para que me lo abra.. a qué te referíz con la carpeta raiz.. :-s 
Disculpen mi ignorancia.. entiendo lo que significa "carpeta raiz"..  
pero el archivo de flash no tiene carpeta raiz.. te re ferís a la carpeta del sitio en donde metemos la película flash? NONTIENDO :'( graciasss!
 4 Escrito por claudio, el 05-12-2007 11:23
hola  
mira lo que quiero que salga sola popup sin apretar ningun boton y solo tener el boton para cerrarla
 5 Escrito por coloman website, el 17-12-2007 02:12
hola que tal, agradesco el ejemplo que pusistes pero no me anduvo no se que puede estar mal, quisas mi explorer no lo acepte. buen blog.
 6 Escrito por Alquma website, el 18-12-2007 16:47
Excelente ejemplo, muy util gracias.
 7 Escrito por Zagahlo, el 02-01-2008 11:17
Ese codigo funciona en firefox pero no funciona en iexplorer. 
 
Alguien sabe el codigo en AS 2.0 para que funcione en iexplorer?
 8 Escrito por Juan, el 21-02-2008 03:09
Hola, simplemente les agradecería mucho que me expliquen cómo le paso una variable a la página web que se abrirá en la ventana popup, lanzada por la animación flash. 
Sé que puedo colocar: 
pop_up.swf?usuario=1234567, pero... ¿Cuál es el código dentro de la animación? 
Ej. 
-------- 
on (release) { 
getURL("javascript:void(window.open('ventana_pop_up.htm? usuario={*}','popup','toolbar=no,menubar=no,scrollbars=no,re sizable=no,width=400,height=400,top=150, left=150'))"); 

-------- 
 
{*} = ¿qué pongo aquí? 
Ojalá me haga entender. Gracias de antemano.
 9 Escrito por Manolo, el 08-05-2008 23:41
coloqué el codigo tal como lo especificaste en el Tutorial, pero al hacer click en el boton de flash me aparece una ventana diciendo:  
 
Internet Explorer mno puede descargar. 
error no especificado
 10 Escrito por Profesor, el 19-05-2008 21:56
Respecto a "confío que sabrán cómo hacerlo :D", decirle que cuando alguien hace un tutorial, el que lo lee no sabe nada, como si lo hiciese para un "tonto"


  • Por favor, mantenga el tópico de los mensajes en relevancia con el tema del artículo.
  • Lenguaje inapropiado será borrado.


Nombre:
E-mail:
Sitio Web:
Comentario:

Código:* Code

 
Delicious
Mister Wong
< Anterior   Siguiente >

Suscribirse por feed


Suscribirse por e-mail

Tu dirección de correo