Enlaces en xhtml-strict: abrirlos en una ventana nueva (no admite target)

MadridVsBarsa · #1 (**permalink**) 16/12/2004, 05:02

Hola. Al validar mi pagina en xhtml strict, me decia que no se podian tener atributos target="_blank", y lo tuve que convertir a transitional.

¿Hay alguna manera para que los enlaces se abran en una ventana nueva?

Saludos

kemie · #2 (**permalink**) 16/12/2004, 05:15

aqui hay un tutorial sobre como usar rel=external y javascript para abrir links en una ventana nueva

http://www.sitepoint.com/article/sta...ompliant-world

MadridVsBarsa · #3 (**permalink**) 16/12/2004, 05:28

muchas gracias. me lo estoy mirando. luego lo probare al llegar a casa y te digo que tal

MadridVsBarsa · #4 (**permalink**) 17/12/2004, 06:24

Bueno, ya lo acabo de probar. Como la pagina esta en ingles, pongo el codigo para el que no tenga ganas de estar leyendo y tenga el mismo problema:

Codigo en la Web:

Código HTML:

<html>
<head>
<script type="text/javascript" src="./externo.js"></script>
</head>
<body>
<a rel="externo" href="http://www.pagina.com">Pagina</a>.
</body>
</html>

Crear un archivo llamado "externo.js" con el siguiente contenido:

Código HTML:

function LinksExternos() { 
 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") == "externo") 
     anchor.target = "_blank"; 
 } 
} 
window.onload = LinksExternos;

Explicacion de la funcion:
Si el navegador permite usar la funcion doucment.getElementsByTagName, pues lo usas para meter en un array todos los objetos del documento "a", vamos, los links. Y para cada uno de ellos, comprueba si es un hipervinculo (los "href") y que tenga el atributo rel="externo". Si se cumple eso, entonces le pone en el atributo target la propiedad "_blank" que es lo que queriamos.

Esto hace que se cumpla el xhtml strict. El documento tambien dice que usar estandares dom (ese javascript)y xhtml no son incompatibles, con lo cual no estamos engañando a xhtml solo para que pase el reconocimiento.

O algo asi mas o menos es lo que pone.

Muchas gracias Kemie.

caricatos · #5 (**permalink**) 17/12/2004, 16:50

Hola MadridVsBarsa y kemie:

También se puede poner en el mismo link la asignación al hacer click:

<a href="destino.html" onclick="this.target='_blank'" >enlace</a>
Lo he validado (con otro ejemplo) y recuerdo que "colaba".

Saludos