Añadir funciones a eventos dinamicamente

ZiTAL · #1 (**permalink**) 19/05/2008, 02:33

Hola a todos, tengo un problemilla y es que me gustaria que algunos enlaces se abrieran en una ventana nueva, pero validando el xhtml, por lo tanto no vale el famoso target="_blank", por lo tanto quiero hacer un window.open:

Código:

function ext()
 {      
    var click='window.open(this.href);return false;';
    var links = document.getElementsByTagName("a"); 

    for (var i=0; i<links.length; i++)
     { 
        if (links[i].getAttribute("rel") && links[i].getAttribute("rel") == "external")
         { 
            links[i].setAttribute('onclick',click);
            //links[i].onclick=click;            
         }  
     } 
 }
window.onload=ext;

Pero el codigo no funciona, a alguien se le ocurre algo?

Panino5001 · #2 (**permalink**) 19/05/2008, 07:02

Fijate si así te sirve:

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>test</title>

<script>

function addEvent(obj, evType, fn, useCapture){

  if (obj.addEventListener){

    obj.addEventListener(evType, fn, useCapture);

    return true;

  } else if (obj.attachEvent){

    var r = obj.attachEvent("on"+evType, fn);

    return r;

  } else {

    alert("nop");

  }

}

function ventana(e){

    var e=e || window.event;

    var el=e.srcElement || e.target;

    var url=el.href;

    window.open(url);

    el.href='javascript:;';

}

window.onload=function(){

    var l=document.getElementsByTagName('a');

    for(var i=0;i<l.length;i++){

        if(l[i].getAttribute('rel')=='external')

            addEvent(l[i], 'click', ventana, false);

    }

}

</script>

</head>

 
<body>

<p><a href="http://www.google.com" rel="external">Google afuera</a></p>

<p><a href="http://yahoo.com">Yahoo dentro</a></p>

<p><a href="http://www.forosdelweb.com" rel="external">Foros del web fuera</a>  </p>

</body>

</html>

ZiTAL · #3 (**permalink**) 19/05/2008, 07:51

pues si funciona, eskerrik asko ;)