Las ventanas emergentes fueron el reino de Internet Explorer, lo que para Firefox fue la Web 2.0.
Todavía hay en la actualidad personas que usan Pop-ups para lanzar sitios web enteros, por una parte para dar la impresión de ser una aplicación y por otro, controlar al usuario y lo que descarga, aunque dicho sea de paso, ya son muy pocos los que deciden hacerlo, por la pérdida de visitas que representan.
Una persona que los use intensivamente, sabe muy poco de diseño web y usabilidad.
Pero no se puede negar que sirven para diversas tareas, se puede implementar de dos formas con Javascript, mediante un enlace o de forma automática con la apertura de una página.
1. Pop-up lanzado mediante un enlace
Antes de la etiqueta </head>, pegamos el siguiente Script
<script language="JavaScript"></head>
function Abrir_ventana (pagina) {
var opciones="toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=yes, width=300, height=400, top=0, left=0";
window.open(pagina,"",opciones);
}
</script>
En cualquier parte entre las etiquetas <body></body> agregamos el siguiente enlace
<aDonde cambiaremos la dirección web destino y podremos agregar otros enlaces con diferentes direcciones.
onload="Abrir_ventana('http://sitio.com/tu_pop_up.html')" href="javascript:Abrir_ventana('http://sitio.com/tu_pop_up.html')">Enlace para lanzar Pop-up</a>
2. Pop-up lanzado de forma automática
En este caso agregar el siguiente script antes de </head>:
<script language="JavaScript"></head>
function Abrir_ventana (pagina) {
var opciones="toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, width=400, height=300, top=0, left=0";
window.open(pagina,"",opciones);
}
</script>
Y luego en la etiqueta <body> le agregaremos onload="Abrir_ventana('http://sitio.com/tu_pop_up.html')" poniendo la dirección que vayamos a lanzar:
<body onload="Abrir_ventana('http://sitio.com/tu_pop_up.html')">Variables
Noten que el Script tiene diversas variables, las primeras son para la barra de herramientas, el menú, la barra de desplazamiento entre otras que se modifican con la opción yes y no. Toolbar en modo no, por ejemplo, ocultará la barra de herramientas.
width y height controlan el tamaño del Pop-Up, Top y Left la separación respecto arriba y a la izquierda de la pantalla.
El abuso de los Pop-up no se recomienda, tanto porque es una forma agresiva de tratar a tus usuarios, y por ende de perder visitas, como una forma poco práctica de construir un sitio web, debido a software que puede dificultar abrir dichos enlaces, incluido el desactivar Javascript.
Ver lanzador de Pop ups en acción
Una película que ha roto a divido a los fans muchos culparán a sus director por querer reparar Los últimos Jedi, no es su culpa al final.
La historia de Manji, un guerrero samurái sin señor que ha sido condenado con la inmortalidad...
Del autor de Konosuba, Genzo Shibata es un luchador japonés que es transportado a un mundo de fantasía, quien está obsesionado con los seres peludos.
Película lanzada directo a video que nos cuenta una historia que parecería sacada de la Dimensión desconocida.
Comentarios y Consultas
Los mensajes serán revisados a veces. No te olvides que soy una persona, no se trata de faltar al respeto, todos tenemos opiniones, no hay que enojarse.
Puedes marcar Notificarme para recibir la notificación de la respuesta.
13 comentarios:
joya! justo lo q necesitaba vos me lo diste!! Gracias capo!
ResponderBorrarMuy buueno. Pero lamentablemente ese script no abre una ventana emergente cuando se usa FireFox
ResponderBorrarUna pregunta.. No sé.. .pero no me funciona!
ResponderBorrarSi es con los enlaces el problema he replanteado el tutorial y ya funciona perfectamente.
ResponderBorrarLos navegadores lo bloquean...
ResponderBorrarFunciona en cualquier navegador, pero si tienes un bloqueador de publicidad eso no es problema del script sino de un programa de terceros.
BorrarTotalmente de acuerdo con el echo de que esta parte es utilizado de manera agresiva al usuario, genial no sabia como se hacia gracias
ResponderBorrarInteresante el artículo, pero ¿cómo configuro el pop-up para que se active a los 30 segundos de haber cargado la página?
ResponderBorrarGracias.
Los pop-up que saltan solos son rechazados por los navegadores, por otro lado, 30 segundos es demasiado tiempo, las personas maximo estan una pagina 15 segundos.
BorrarExcelente, justo lo que necesitaba, pero tengo un problema, lo que sucede es que al ejecutar la pagina el pop up no deja de aparecer, osea el script no se carga una sola vez que es lo que yo quisiera sino que se carga varias veces. ojala me haya explicado saludos
ResponderBorrarExcelente, muchas gracias, me fue de bastante ayuda.
ResponderBorrarHola como se puede hacer para cargar una web en una pestaña nueva de forma automatica y pasado un tiempo que carge otra y luego otra?
ResponderBorrary esto mismo con los popups? e probado y funciona pero solo el primero, e intentado hacer que carge 2 o 3 y no me deja¿como se puede hacer? estoy intentando hacer algo un experimento algo asi como un autosurf y me seria de mucha ayuda, aun estoy aprendiendo, saludos
No se puede, desde hace mucho tiempo todos los navegadores bloquearon los pop-up automáticos por las razones precisas para las cuales piensas usarlas como publicidad abusiva. Los únicos pop-up que son permitidos son los generados por la acción de un clic por un pop-up.
Borrar