Scriptia. Javascript y buenas prácticas en español

Ventanas popup con jQuery y un poco de respeto

Saltar a Anotaciones relacionadas

Abrir nuevas ventanas no es buena idea. Usar target="_blank" tampoco lo es. Pero usar scripts mal pensados y peor escritos para abrir enlaces en ventanas popup es lo peor de lo peor.

Así que, si a pesar de las advertencias de los libros sagrados vas a abrir un popup usando javascript, muestra un poco de respeto por tus usuarios y hazlo (algo) bien.

¿Y qué entiende Choan por hacerlo bien?

Pongámoslo en código (en la variante plugin para jQuery):

$.fn._blank = function() {

    function clickHandler(e) {
        // si el usuario ha utilizado una tecla de control
        // no hacemos nada
        if (e.ctrlKey || e.shiftKey || e.metaKey)
            return;

        // abrimos la ventana
        var w = window.open(this.href, '_blank');
        if (w && !w.closed) {
            // si efectivamente hemos logrado abrirla
            // la ponemos en foco
            w.focus();
            // y cancelamos el comportamiento por defecto
            // del enlace
            e.preventDefault();
        }
    }

    this
        .filter('a[@href]') // que no se nos cuele algo que no sea un enlace
        .bind('click', clickHandler);

    return this; // permitimos concatenabilidad

}

Hecho el plugin, usémoslo al gusto:

$('a.lo-abro-en-un-popup-porque-soy-un-cretino')
    ._blank();

O usémoslo con gusto:

$('a[@rel=help]')
    .append(' <small>(se abre en nueva ventana)</small>')
    ._blank();

Hale, pues dicho queda. Que las generaciones futuras sepan que sus abuelos eran unos cabronazos obstinados en pensar que su opinión valía más que la de sus usuarios.