Asignacion de metodo a evento onclick en objeto

Andres1433 · #1 (**permalink**) 28/03/2012, 22:29

Buenas,
Estoy haciendo un pequeño script que crea un menu con ajax , este tiene categorias y submenues con subcategorias , usando todos objetos (Menu , categoria, subcategoria).
Una categoria seria algo parecido a esto:

Código:

function categoria(nombre){
        var e=document.createElement("P");
        e.className="unNombre";
        e.innerHTML=nombre;
        this.contenido=e;

        this.toggleColor=function(){
                 this.contenido.style.color="#algo";
        }
}

el tema es el siguiente , yo quiero que antes de asignarle al atributo contenido el nuevo elemento "e" , a este ultimo colocarle un onClick para que llame a toggleColor() , y nose como hacerlo(todo esto en el momento de la creacion del objeto).Ya he probado:

Código:

e.addEventListener("click",this.toggleColor(),false);
e.onclick=this.toggleColor();

pero ninguno funciona, si me dan una mano :/

Gracias de antemano!

Panino5001 · #2 (**permalink**) 28/03/2012, 22:53

Fijate así:

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=utf-8" />

<title>Documento sin título</title>

<script type="text/javascript">

function categoria(nombre){

        var e=document.createElement("P");

        e.className="unNombre";

        e.innerHTML=nombre;

        this.contenido=e;

        this.toggleColor=function(){

                 //this.contenido.style.color="#algo";

                 this.style.color="red";

        }

        e.addEventListener("click",this.toggleColor,false);

        document.body.appendChild(e);

}

function init(){

    var p=new categoria('repitalo');

}

onload=init;

</script>

 
</head>

 
<body>

</body>

</html>

o así:

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=utf-8" />

<title>Documento sin título</title>

<script type="text/javascript">

function categoria(nombre){

        var e=document.createElement("P");

        e.className="unNombre";

        e.innerHTML=nombre;

        this.contenido=e;

        var that=this;

        this.toggleColor=function(){

                that.contenido.style.color="red";

        }

        e.addEventListener("click",this.toggleColor,false);

        document.body.appendChild(e);

}

function init(){

    var p=new categoria('repitalo');

}

onload=init;

</script>

 
</head>

 
<body>

</body>

</html>