En algunas entradas anteriores, hemos visto como hacer que se abran los PDF en ventanas nuevas u otras particularidades.
Pero si queremos un método general, en el que el usuario pueda elegir que enlaces se abren en nueva ventana, podemos aprovechar que las URL soportan anchas.
Es decir, si quiero ir a San Google, tengo que ir a:
https://www.google.es
Pero también voy si accedo a:
https://www.google.es#nuevaventana
Esto es un ancla:
#nuevaventana
Y nos aprovecharemos de ello para crear un Jquery que puede ir en la página maestra y que nos permita que todos los enlaces que los acabemos con dicha ancla, se abran en nueva ventana.
Bastará con incluir:
<script src="https://ajax.microsoft.com/ajax/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$("a[href$='#nuevaventana']").each(function() {
$(this).attr("target", "_blank");
$(this).attr("href", $(this).attr("href").replace(/#nuevaventana/, ''));
});
});
</script>
Con esto, estaremos recorriendo cada elemento que tiene en su href, la cadena '#nuevaventana', le estaremos diciendo que su target es '_blank' (nueva pestaña) y por último retiraremos de la url, nuestra ancla, ya que no la necesitaremos.
Fuente:
No hay comentarios:
Publicar un comentario