2009-04-08

Target blank accesible en Xhtml segunda parte

Hace tiempo ya escribí de como implementar un target blank para que el enlace se abra en una nueva ventana y su codificación pase el test de los validadores de xhtml.

En los comentarios de ese artículo se abrió un debate sobre la separación entre contenido, formato y comportamiento.

Estaba claro que la única solución a este debate requería el uso de javascript. La función debía inspeccionar los enlaces y darles el valor target _blank a aquellos señalados de esa forma.

Vía sitepoint.com acabo de ver una función que cumple estrictamente con esos requisitos:

function externalLinks() {
if (!document.getElementsByTagName) return;
var anchors = document.getElementsByTagName("a");
for (var i=0; i<anchors.length; i++) {
var anchor = anchors[i];
if (anchor.getAttribute("href") &&
anchor.getAttribute("rel") == "external")
anchor.target = "_blank";
}
}
window.onload = externalLinks;


Simplemente debes añadir a cada enlace que quieras añadir en otra ventana la etiqueta rel="external".

No hay comentarios: