Ventanas emergentes

I. Introducción 

En este artículo pretendo presentar de una forma genérica y de manera muy simple todas las librerías que he logrado encontrar para implementar (mediante AJAX) el uso de ventanas emergentes dentro de una misma página web sin necesidad de abrir más ventanas.

Existen gran variedad de librerías. Realmente todas las librerías realizan más o menos lo mismo pero con pequeñas diferencias.

Básicamente en todas los pasos son los mismos:

1. Descargar la librería y copiarla en un directorio dentro de la página web.

2. Realizar las correspondientes referencias en la cabecera.

3. Crear un enlace de acceso a la web o imagen incluyendo ciertos parámetros.

La gran diferencia estará en que habrá librerías que tengan que implementar códigos javascript dentro de la página HTML, otros que todo se hará a través de referencias en la cabecera, otras librerías que por mucho que se intenta implementar no hay manera de hacerlo, otras que no son compatibles en todos los sistemas de navegación, etc.

El objetivo de este artículo es poder discernir y valorar cada una de ellas viendo cuales ofrecen las mejores garantías. Tened en cuenta que nosotros, cuando buscamos una solución la queremos lo más rápidamente posible y con los mejores resultados. ¿Para qué detenernos en un recurso si para poder ponerlo en funcionamiento hay que llevarse horas y horas teniendo muchas otras alternativas en la web? Hay que ofrecer la mayor simplicidad al usuario y por lo que he podido comprobar, muchas de las librerías que se implementan no están por la labor.

 

II. Listado de librerías

He dividido el listado de librerías en dos. Un primer listado donde aparecen las librerías que considero realmente útiles y se pueden manejar sin problemas. 

Justo a continuación incluyo un segundo listado con el resto de librerías que, o no se adecuan a la sencillez que se requiere de ellas o realmente no las considero de calidad para ser comentada como librería indispensable o sencillamente son modificaciones de librerías ya explicadas por lo que no merecen la pena ser comentadas.

Las librerías de interés general son:

• Bride of Windows
  Intenta imitar las ventanas de Windows. Permite minimizar la ventana.

• GreyBox
  Esta librería fue adecuada a mis necesidades. Muestra tanto imágenes como páginas webs.

• iBox
  Similar a las anteriores. Sirve para mostrar imágenes y páginas web.

• ImageBox
  Sencilla, útil y práctica. Su única limitación es que solo muestra imágenes.

• LightBox
  Está limitada al uso de imágenes para mostrar en ventanas.

• LiteBox
  Muy similar a ImageBox pero sin necesidad de incluir JS en la web HTML. Es una extensión de LightBox pero pesando mucho menos (3KB)

• MediaBox
  Ofrece la posibilidad de visualizar flash y videos directamente como si de una imagen se tratara. Eso sí, da problema al visualizar imágenes

• MoodalBox
  Muy sencillo e implementa el efecto de ventana “abriendose” poco a poco.

• RoeBox
  Mezcla entre LightBox y SlimBox. Fácil uso y sin complicaciónes. Solo muestra imágenes.

• subModal
  Permite visualizar páginas web. Sencillo uso.

• ThickBox
  De fácil uso e implementa gran variedad de opciones: imágenes, galerías, páginas webs…

• TripTracker
  Sirve para mostrar imágenes. Diseño simpático y con posibilidades. Muy sencillo su uso.

A continuación, si tenéis más curiosidad, un listado con el resto de librerías disponibles en la web:

• Control.Modal
  Ofrece algunas nuevas funcionalidades como que la ventana emergente sea una capa simple de forma que agilice el proceso. Aun así, no la recomiendo pues su uso ofrece muchísimas complicaciones.

• Dialog Box
  La página en sí es un caos. Lo único que proporciona es que la ventana pueda cambiar de posición en la misma página web.

• FlashBox
  Muestra las imágenes dentro de un FLASH con sus correspondientes efectos. Únicamente para mostrar imágenes. No funciona bajo internet explorer.

• LitBox
  Apertura de ventanas movibles.

• Prototype Window
  En su web comenta que es de fácil uso. Para mí fue imposible implementarla de una forma rápida y sencilla.

• RedBox
  No ofrece nada nuevo a lo ya comentado. Ventanas muy simples y sin diseño.

• SlightBox
  Variante de LightBox. Ofrece prácticamente lo mismo. Sólo para mostrar imágenes.

• SlimBox
  Al igual que el anterior, es otra variante del famoso LightBox.

• Sukerfixh HoverLightbox
  Variante de LightBox. No he conseguido hacer que funcione ni desde la web propia de la librería.

• TinyBox
  Librería muy extraña. Me la intenté bajar y resultaba ser un fichero EXE. En fin… Con la cantidad de posibilidades que existen, paso tener que instalar nada.

Para más información, basta con acceder a los enlaces que os he facilitado tanto en la sección en particular de cada librería como en este artículo.

 

III. Referencias

• [ESP] Recopilatorio de Librerías

• [ENG] Recopilatorio de Librerías