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.
DOMinclude 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:
- <script type="text/javascript"
- src="DOMinclude_config.js"></script>
- <script type="text/javascript"
- src="DOMinclude.js"</script>
Agrega la clase DOMpop a cada enlace en el que quieras utilizarlo
- <a href="saywhat.jpg" class="DOMpop">
- photo of a confused puppy</a>
Y edita el archivo DOMinclude_config.js para adaptarlo a tus necesidades:
- DOMinccfg={
- // Clases CSS
- // que activan DOMinclude
- triggerClass:'DOMpop',
- // class del popup
- popupClass:'popup',
- // class del enlace cuando el popup
- // está abierto
- openPopupLinkClass:'popuplink',
- //texto para añadir al enlace cuando el
- // popup está abierto
- displayPrefix:'Ocultar ',
- // filtro para definir que archivos no deberían
- // abrirse en un iframe
- imagetypes:'jpg|JPG|JPEG|jpeg|gif|GIF|png|PNG',
- // dimensiones del popup
- frameSize:[320,180]
- }
Enlace, ejemplos y explicación original en inglés:
http://onlinetools.org/tools/dominclude/
Otras entradas
Esta entrada fue publicada por Alma Fernández el Domingo, 20 de Agosto de 2006 y está archivada en: Javascript, Scripts. Puedes dejar un comentario, o enviar un trackback desde tu sitio.
