Así que quieres una ventana flotante o emergente. Como parte de nuestro curso de JavaScript te mostramos como hacerlo.
Ve cómo mostrar dinámicamente una nueva ventana desde tu página web HTML actual usando JavaScript.
Con el método JavaScript alert(), puede abrir una pequeña ventana con un mensaje simple para un usuario. El método alert() se usa a menudo de muchas maneras, como mostrar un mensaje simple en una ventana cuando una persona entra o sale de una página web.
Listado 1: Una página simple con un alert()
|
<html>
<body onload = "alert('Esto es una alerta ...')">
<h1> ¡Soy una ventana flotante! </h1>
<p> ¡Esta es una página web completa! </p>
</body>
</html>
|
El método alert() crea una ventana emergente que generalmente está vinculada a la ventana subyacente que la muestra. Como tal, no es una ventana flotante. Debes cerrar la alerta antes de poder volver a la ventana subyacente. Además, la ventana de diálogo de alerta no se puede mover fuera del área del navegador de la ventana original.
Por otro lado, las funciones confirm() y prompt() son similares a alert() en el sentido de que también están vinculadas a sus ventanas subyacentes. Tampoco te permite volver a la ventana subyacente hasta que cierres la nueva ventana de diálogo que creas.
Entonces, ¿cómo se hace una ventana emergente que flota libremente?
En lugar de usar alert(), puedes llamar a la función open() para mostrar una ventana que es independiente de la ventana que la genera. La función open() puede llamar a otro archivo HTML para que se abra por separado. Esta nueva ventana también se puede dimensionar a través de los parámetros de la función open().
En la siguiente nota te explicamos como hacer esto? Por momento te animamos a que veas nuestro curso de Kotlin y nuestro curso de C# para que mejores tu diseño y desarrollo web
