Ventanas que no se comen los navegadores

Todos sabemos ya que la mayoría de los navegadores disponen de sistemas para bloquear los molestos popups, y cuando estos no los bloquean, existen barras de navegación, como la de Google, que también bloquea la presentación de popups. La mayoría de las veces, estos popups son muy molestos y tenemos que celebrar que ahora la mayoría se puedan detectar y no permitir su apertura, pero muchos de nuestros sitios utilizan este sistema para mostrar información legítima que nuestros visitantes deberían conocer.

En cualquier caso, existen métodos para mostrar popups que pueden resultar más complicados de bloquear, como los popups DHTML, que son una emulación de las ventanas secundarias, pero que funciona por capas y HTML dinámico para mostrar u ocultar su contenido. Este tipo de popups no se tienen en cuenta como ventanas secundarias, por lo que no se bloquean.

Tan sólo los navegadores que tengan deshabilitado Javascript dejarán de mostrar estos popups. Recordemos que Internet Explorer, depende de cómo esté configurado, a veces te muestra un mensaje de alerta cuando se intenta ejecutar un script en Javascript. El usuario es el responsable de permitir, o no, ejecutar scripts en la página. Por eso no es tan raro que incluso los popups DHTML se puedan bloquear, pero por lo menos significan un avance con respecto a las ventanas secundarias habituales.

OpenPopups

Todo lo anterior sirva para presentar un script Javascript Open Source (gratuito y de código libre) para crear Popups DHTML. Mecere la pena conocer este script, porque seguro puede resultar muy interesante para nuestras páginas web.

La web donde se puede descargar el sistema de popups DHTML es: http://www.openwebware.com/products/openpopups/

Desde dicha web se pueden descargar los archivos necesarios para la instalación del sistema de popups y algún código de ejemplo. De todos modos, lo explicaremos aquí en español, para que se pueda entender por todos.

Referencia: En DesarrolloWeb.com hemos publicado algunos otros artículos sobre cómo hacer un popup DHTML, pero utilizando la librería Cross-Browser. Pueden ser de interesante lectura para quien quiera profundizar en el tema o encontrar otras posibilidades para realizar popups DHTML. Está en nuestro manual de Taller de Cross-Browser DHTML.

Se tienen que descomprimir los archivos que se descargan desde la web, manteniendo la misma estructura de directorios.

Una vez están descomprimidos, en un directorio dentro de nuestro sitio web, que llamaremos por ejemplo "d_openpopups", ya podemos accederlos desde cualquier página para mostrar popups DHTML. Para ello, lo primero es incluir el Javascript con la librería.

<script language="JavaScript" type="text/javascript" src="/d_openpopups/openpopups/openpopups.js"></script>

Usuarios que han visto este tema también han visto...

- Efectos en el background en DHTML
- Reloj DHTML, con Javascript y capas
- Objetos Tabs
- Conceptos de Arrastrar (Drag) y Soltar (Drop)
- Escritura en una Capa en DHTML

- Versión imprimible de este documento

- Enviar por e-mail este documento