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:16:16 AM
Xnechijli01
Cdigo de ventana flotante
Cdigo javascript ventana flotante
votos 0 comentarios 0 enviar vínculo a un amigo
Tags JavaScript
 
Este es el cdigo para una ventana flotante independiente en JavaScript
 

Esta nota es una continuación de otras 2 referentes a la creación de ventanas flotantes usando JavaScript. Esto como parte de nuestro curso de JavaScript. Puedes verlas antes de leer esta para que comprendas mejor el tema. 

Vimos que con alert se logra que aparezca una ventana… pero no es independiente de la página que la genera. En cambio, con el código del listado 2 se genera una ventana totalmente independiente de la de origen. 

Veamos ahora el código de la ventana en si. Por supuesto, lo puedes adaptar o reemplazar según tus necesidades. 

Listado 3: Crear nuevas ventanas flotantes

<html>
<head>
<script language="JavaScript">
<!--
function PopWindowOne()
{
    floatingWindow = window.open("PopIt1.html","","height=200,width=400,scrollbars=no");
}

function PopWindowTwo()
{
    floatingWindow = window.open("PopIt2.html","","height=400,width=300,scrollbars=no");
}
//-->
</script>
</head>

<body onLoad="PopWindowOne()">
<h1>The Main Window!</h1>

<button onclick="PopWindowOne()">create a standalone window....</button>
<button onclick="PopWindowTwo()">create a standalone window TWO....</button>
</body>
</html>

Para hacer las cosas interesantes, la página PopIt2.html incluye una llamada a alert () cuando la página pierde el foco al incluir una llamada a alertar sobre el método body'sonblur (). Puedes ver el código de PopIt2.html en el listado 4.

Listado 4: El código PopIt2.html

<html> 
<header> 
<title> My Popped Window Two </title> </header> 
<body onblur = "alert ('Not nice ...')"> <h1> ¡Estoy flotando en la ventana número dos! < / h1> 
<p> ¡Esta es una página web completa! </p> </body>
 </html>

En conclusión

Mientras alert (), confirm () y prompt () mostrarán una ventana, las ventanas están limitadas en lo que pueden hacer y, lo que es peor, están vinculadas a la ventana subyacente en lugar de estar flotando libremente. Con la función open (), puede crear una ventana flotante libre e independiente. Debes recordar que la mayoría de los navegadores crearán ventanas generadas dinámicamente como ventanas emergentes. Si JavaScript está desactivado, o si un bloqueador de elementos emergentes está activado, entonces esas ventanas podrían no mostrarse.

En próximas notas ampliaremos nuestro curso. Por el momento, puedes ver el curso de PHP y el curso de Kotlin, para comprender mejor el diseño web. 
 

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
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
 
Ventana flotante con javascript
Xnechijli01
As se crean ventanas flotantes independientes en javascript
 
10/22/2019 11:14:19 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.