El Comercio Digital

Webmaster Libre

Desarrollo Web con Software Libre

Despídete de los PopUps con DOMinclude

Todos sabemos que los popups son un asco, la mayoría de los usuarios los ignora para simplemente cerrarlos y el resto los bloquea automáticamente con su navegador. A pesar de todo, en muchas ocasiones nos interesaría utilizar un popup para mostrar alguna información adicional sin que el visitante tuviese que abandonar la página o abrir otra ventana de su navegador.

Captura del efecto de DOMincludeDOMinclude es un script que nos permite abrir archivos adicionales, como por ejemplo fotografías o imágenes, en una nueva capa dentro del documento. Cuando no se encuentra disponible el Javascript se abre un iFrame.

DOMinclude es muy sencillo de implementar en tus páginas, incluye lo siguiente en la cabecera (head) de tu documento:

  1. <script type="text/javascript" 
  2.   src="DOMinclude_config.js"></script>
  3. <script type="text/javascript" 
  4.   src="DOMinclude.js"</script>

Agrega la clase DOMpop a cada enlace en el que quieras utilizarlo

  1. <a href="saywhat.jpg" class="DOMpop">
  2. photo of a confused puppy</a>

Y edita el archivo DOMinclude_config.js para adaptarlo a tus necesidades:

  1. DOMinccfg={
  2. // Clases CSS
  3. // que activan DOMinclude
  4.   triggerClass:'DOMpop',
  5. // class del popup
  6.   popupClass:'popup',
  7. // class del enlace cuando el popup
  8. // está abierto
  9.   openPopupLinkClass:'popuplink',
  10. //texto para añadir al enlace cuando el
  11. // popup está abierto
  12.   displayPrefix:'Ocultar ',
  13. // filtro para definir que archivos no deberían
  14. // abrirse en un iframe
  15.   imagetypes:'jpg|JPG|JPEG|jpeg|gif|GIF|png|PNG',
  16. // dimensiones del popup
  17.   frameSize:[320,180]
  18. }

Descarga DOMinclude

Enlace, ejemplos y explicación original en inglés:
http://onlinetools.org/tools/dominclude/

Javascript, Scripts

Si te ha gustado este post no olvides suscribirte al feed para estar al tanto de las novedades

Deja tu comentario

Por favor, procura que tus comentarios aporten algo al tema del artículo. Los comentarios ofensivos y el spam serán eliminados.

Si tu comentario no aparece al momento puede que esté en la cola de moderación o en Akismet, lo reviso cada día pero si ves que pasa un tiempo prudencial y no aparece dímelo

Este post tiene 2 años. Puedes dejar un comentario de todas formas y volver más tarde para comprobar si hay novedades sobre el tema.

Información:

Webmaster Libre es un blog de Alma Fernández