Esta nota es una continuación de una anterior sobre las ventanas flotantes con JavaScript. Esto como parte de nuestro curso de JavaScript. Te sugerimos que antes que sigas leyendo leas la anterior para que entiendas mejor este tema.
Primero hablamos de ventanas emergentes, que técnicamente no son tal cual flotantes, pues no son independientes del todo. Más bien son como notificaciones o avisos? Por eso, se usa la etiqueta alerta para formarlas. Veamos la opción open().
Listado 2: Uso de window.open()
<html>
<body onLoad="window.open("PopIt1.html","","height=200,width=400,scrollbars=no")">
<h1> ¡La ventana principal! </h1>
<p>¡Este es el texto en las ventanas principales!</p>
</body>
</html>
El Listado 2 utiliza la función windows.open() para mostrar una ventana basada en el código en un archivo llamado PopIt1.html. En este caso, la función open () se llama en el método onLoad de la etiqueta body. El resultado es una ventana que se crea con dimensiones 200 de alto y 400 de ancho que es independiente de la página original.
Nota: Si tiene activado el bloqueo de ventanas emergentes o JavaScript desactivado, NO se mostrará la ventana flotante.
La nueva ventana es completamente independiente de la ventana original. Puede moverla por toda la pantalla, puedes cerrarla o puedes dejarla abierta mientras cierras la ventana original. Esta es una ventana flotante totalmente funcional.
El Listado 3 muestra un ejemplo del uso de la función open () dentro de otras dos funciones para llamar a nuevas ventanas flotantes. Puede ver que se llama a una ventana con la carga de la página de manera similar a lo que se hizo en el Listado 2. Sin embargo, esta página también incluye dos botones que te permiten crear las dos ventanas diferentes tantas veces como desees haciendo clic en los botones.
En la siguiente nota incluiremos el código. Puedes buscarla para ver como funciona. Por el momento te sugerimos que veas nuestro curso de C# además de nuestro curso de Excel.
