Popups no intrusivos con MooTools

Los pop-up son las desagradables ventanas que emergen en nuestro navegador sin que nosotros lo solicitemos. Estas maneras suelen tener como objeto mostrar un anuncio publicitario de manera intrusiva.
Actualmente, muchos navegadores de Internet incorporan un sistema que evita la aparición de ventanas emergentes no solicitadas.

Puede llegar a sonar irónico el título de la entrada “Popups no intrusivos”, una ventana emergente que aparece sin solicitarla el usuario siempre será intrusiva, esta es una solución simple y elegante para mostrar ventanas emergentes utilizando el framework mootools.

Llamar de manera sencilla a una ventana emergente

Con esta solución invocar un “popup” será realmente sencillo, únicamente tienes que añadir un archivo Javascript a tu página y agregar el atributo rel a tus enlaces

<a href="http://www.google.com" rel="popup">popup google</a>

rel=”popup” simulará el comportamiento de las ventanas emergentes abriendo la dirección invocada en el enlace en una nueva ventana (a tamaño completo en este ejemplo) y su funcionamiento será bastante más correcto que el de: target=”_blank”.

Ventanas emergentes con tamaños personalizados

Sin embargo lo más probable es que desees abrir ventanas con un tamaño personalizado sin la necesidad de tener que escribit el mismo código javascript una y otra vez.

<a href=”http://www.google.com” rel=”popup[600,400]“>Ventana emergente de Google a 600×400</a>

Realmente sencillo personalizar tus ventanas emergentes en las que únicamente tendrás que modificar los atributos que corresponden al ancho y el alto de la ventana.

En esta página la documentación y los pasos necesarios para poner a funcionar en tu página esta funcionalidad.

“unobtrusive” popups with mootools