Marzo 4, 2015

Clase N° 05


Ventana emergente:

En Internet, una ventana emergente (en inglés se le conoce como pop-up) es una ventana del navegador de Internet que aparece automáticamente, sin ser solicitada, y que usualmente tiene como finalidad desplegar publicidad, dirigir tráfico de Internet a ciertas páginas, o recopilar direcciones de correo electrónico.

Una ventana emergente no solicitada es una molestia para los usuarios, ya que usualmente son muy intrusivas. Usualmente son disparadas por cierto tipo de contenido susceptible a usar este tipo de medios para publicitarse o invitar a visitar páginas de Internet, las páginas con contenido para adultos son el ejemplo más común.

Una nueva variante de las ventanas emergentes no solicitadas es tal que en lugar de que las ventanas aparezcan encima de las demás, aparecen por debajo de la ventana en la que está navegando el usuario, ocultando así qué página originó la ventana emergente. A esta variante se le conoce en inglés como pop-under.

--->Bloqueo de ventanas emergentes

Prácticamente todos los navegadores modernos de Internet cuentan con bloqueadores de ventanas emergentes no solicitadas, y ya están activados por defecto. Si quieres probar que tu navegador esté bloqueando correctamente ventanas emergentes, puedes ir a esta página de verificación de bloqueo de ventanas emergentes.

Nota que aún con bloqueado de páginas emergentes pudiera haber casos en los que algunas aparecieran (ya sean pop-up o pop-under).

No se debe confundir el bloqueo de ventanas emergentes con el bloqueo de publicidad en páginas de Internet. Para bloquear estos últimos en tu navegador de Internet, debes de usar extensiones o complementos escritos por terceros (los navegadores de Internet no lo incluyen por defecto).

Abrir ventanas secundarias en JavaScript

Una de las utilidades más interesantes de Javascript es el control de ventanas secundarias (popups en inglés). Las ventanas secundarias son las que se abren adicionalmente a la ventana principal del navegador. Suelen ser más pequeñas que las ventanas normales y generalmente no tienen los menús del navegador, barra de direcciones, etc. 

Con Javascript podemos controlar los popups para hacer cosas como abrirlos, cerrarlos, darles el foco, pasar información de una ventana a otra, etc.

Apertura y configuración de popups con JavaScript

En determinadas ocasiones es muy útil abrir un enlace en una ventana secundaria, es decir, una ventana aparte que se abre para mostrar una información específica. Algunas ventajas de abrir un enlace en una ventana secundaria pueden ser que:

• El usuario no se marcha de la página donde estaba el enlace.
• La ventana secundaria se puede configurar libremente con lo que se pueden hacer ventanas más grandes o pequeñas y con más o menos menús.
• En general, el grado de control de la ventana secundaria utilizando Javascript aumenta.

Para abrir una ventana con Javascript podemos utilizar la sentencia window.open(). No pasa nada por que no conozcas Javascript, puesto que es muy sencillo utilizarlo para este caso. Vamos a ver paso a paso cómo abrir una ventana secundaria utilizando Javascript.

Parámetros de window.open()

Tabla de caracteristicas para una nueva ventana:

Característica Descripción dependent: (Javascript 1.2) Si es 'yes', crea una nueva ventana como un hijo de la ventana actual. Una ventana dependiente se cierra cuando su ventana madre se cierra. En la plataforma Windows, una ventana dependiente no se muestra en la barra de tareas. directories: Si es 'yes', crea los botones de directorio comunes. height: (Javascript 1.0 y 1.1) Especifica la altura de la ventana en pixeles. hotkeys: (Javascript 1.2) Si 'no' (o 0), desactiva la mayoría de las teclas rápidas en una ventana que no tiene barra de menú. Las teclas rápidas de seguridad y de salir siguen activadas. location: Si es 'yes', crea un campo de entrada de dirección (URL). menubar: Si es 'yes', crea el menú en la parte de arriba de la ventana. personalbar: (Javascript 1.2) Si es 'yes', crea la barra personal, que despliega los botones desde la carpeta de la barra personal de los marcadores. resizable: Si es 'yes', permite al usuario cambiar de tamaño la ventana. scrollbars: Si es 'yes', crea barras de desplazamiento horizontales y verticales cuando el documento crece más grande que las dimensiones de la ventana. status: Si es 'yes', crea la barra de estado en la parte de abajo de la ventana. toolbar: Si es 'yes', crea la barra de navegación estándar, con botones como 'Atrás' y 'Adelante'. width: (Javascript 1.0 y 1.1) Especifica el ancho de la ventana en pixels.

Tomado de:

• http://aprenderinternet.about.com/od/Glosario/g/Que-Es-Una-Ventana-Emergente.htm
• http://www.desarrolloweb.com/articulos/1074.php
• http://www.desarrolloweb.com/articulos/18.php
• http://www.lgm.cl/trabajos/params.html