Enlaces externos

Esta funcioncilla de aspecto inocente procesa los enlaces externos de la página y les hace cosas inenarrables:

Les añade un icono o etiqueta al final, para distinguirlos visualmente.
Opcionalmente, hace que se abran en una nueva ventana.
Añade información al título.

/* * Procesamos los enlaces marcados como externos (rel="external") * * etiqueta (cadena): HTML para añadir al final del enlace * enVentanaNueva (bool): ¿establecer target="_blank"? * * @version 2006-09-01 */ function enlacesExternos(etiqueta, enVentanaNueva) { if (!document.getElementsByTagName) { return; } var titulo = "enlace externo" + (enVentanaNueva ? ", nueva ventana" : ""); var enlaces = document.getElementsByTagName("a"); for (var i = 0; i < enlaces.length; i++) { var a = enlaces[i]; if (a.getAttribute("href") && a.getAttribute("rel") == "external") { if (etiqueta) { a.innerHTML += etiqueta; } if (enVentanaNueva) { a.target = "_blank"; } a.title += (a.title != "" ? " " : "") + "[" + titulo + "]"; } } }

Un enlace lo marcamos como externo con el atributo rel="external".

Ejemplo de uso

<a rel="external" href="http://www.google.es/" title="Portada de Google España">Google</a>

enlacesExternos(' <img src="icono.png" width="14" height="14" alt="" title="">', true);

También podemos modificar la función y usar addClass() para asignar un atributo class de forma que en nuestro CSS podamos dar un estilo distinto a los enlaces.

¿Para qué la tontería de ejecutar `a.target='_blank';` en JavaScript si lo de abrir un enlace en una nueva ventana se ha hecho toda la vida con HTML, concretamente `target="_blank"`, y siempre nos ha ido tan ricamente?

Pues…

Con un solo atributo (rel) controlamos todo lo que queramos hacer con el enlace. Es comodísimo.
Separamos contenido y comportamiento. El HTML queda muy limpio. Además rel="external" es semántico, si es que te importan esas cosas.
En las especificaciones strict de HTML y XHTML no existe el atributo target y usarlo produce código no válido.
Al controlarlo mediante programación podemos hacerlo opcional y que el visitante decida, como en borrame.com ;-)

Lo más fresco

Sugerencias del chef

Lo más visitado

Menú del día

Enlaces externos

Ejemplo de uso

¿Para qué la tontería de ejecutar `a.target='_blank';` en JavaScript si lo de abrir un enlace en una nueva ventana se ha hecho toda la vida con HTML, concretamente `target="_blank"`, y siempre nos ha ido tan ricamente?

Lo más fresco

Sugerencias del chef

Lo más visitado

Menú del día

Enlaces externos

Ejemplo de uso

¿Para qué la tontería de ejecutar a.target='_blank'; en JavaScript si lo de abrir un enlace en una nueva ventana se ha hecho toda la vida con HTML, concretamente target="_blank", y siempre nos ha ido tan ricamente?

¿Para qué la tontería de ejecutar `a.target='_blank';` en JavaScript si lo de abrir un enlace en una nueva ventana se ha hecho toda la vida con HTML, concretamente `target="_blank"`, y siempre nos ha ido tan ricamente?