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 ;)