xitio, publicación de artículos gratis, participación ciudadana, notas de prensa
  Usuario: Clave:    
 
 
Documento sin título
 
Documento sin título
 
Documento sin título
Home
Xnechijli01 10/22/2019 11:14:19 AM
Xnechijli01
Ventana flotante con javascript
Creando ventana flotante con javascript
votos 0 comentarios 0 enviar vínculo a un amigo
Tags JavaScript
 
As se crean ventanas flotantes independientes en javascript
 

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
 

Te gustó esta nota, compártela con tus amigos
ico_copada.gif ico_delicious.png ico_enchilame.gif ico_facebook.png ico_fresqui.gif ico_google.gif ico_meneame.gif ico_myspace.gif ico_technorati.png ico_twitter.gif ico_yahoo.png
Visitá otras notas de Xnechijli01
PROGRAMACIN ASINCADA CON COROTINAS KOTLIN
Llamadas mltiples en kotlin
Conmutacin de contexto en kotlin
Programacin asincrnica en kotlin
Llamadas de rutina en kotlin
Verificacin nula repetitiva
 
Comentarios 0  
Enviá tu comentario
Para dejar tu comentario debes ser miembro de xitio.
 
Documento sin título
 
Documento sin título
 
 
 
 
Documento sin título
 
Nos contaron que leen
Documento sin título
 
Documento sin título
ULTIMOS PUBLICADOS Internet
Tramitacin de certificados online
contenidos7
Certificados de matrimonio, nacimiento, defuncin y ultimas voluntades, sin necesidad de desplazamientos
 
12/23/2020 2:52:59 AM
 
Gestionar reservas de forma sencilla y eficaz
contenidos7
Gestionar reservas de forma automtica en la propia web y en todos los portales
 
2/13/2020 5:32:50 AM
 
Excepciones permitidas en PHP
Xnechijli01
PHP y las excepciones permitidas
 
10/28/2019 11:52:54 PM
 
Precarga de RFC en PHP
Xnechijli01
PHP incorpora la precarga de RFC
 
10/28/2019 11:47:18 PM
 
Funcin de nulidad en PHP
Xnechijli01
Mejoras en nulidad en PHP
 
10/28/2019 11:41:31 PM
 
Funciones de PHP 7.4
Xnechijli01
Qu caractersticas tiene PHP 7.4
 
10/28/2019 11:32:59 PM
 
Cifras del uso de PHP
Xnechijli01
Muchos usuarios del desarrollo web programan en PHP
 
10/23/2019 10:24:07 PM
 
Cinco ventajas de PHP
Xnechijli01
Cinco ventajas del desarrollo web por usar PHP
 
10/23/2019 10:21:54 PM
 
Biblioteca estndar de php
Xnechijli01
Por la biblioteca estndar que tiene php es ideal para el desarrollo web
 
10/23/2019 10:20:07 PM
 
Cdigo de ventana flotante
Xnechijli01
Este es el cdigo para una ventana flotante independiente en JavaScript
 
10/22/2019 11:16:16 AM
 
Documento sin título
 
Documento sin título
 
Documento sin título
 
 
Documento sin título
 
 
 
Documento sin título
 
Publicar es gratis, sólo tienes que registrarte y escribir.