objeto con sintaxis Json + asignacion de eventos con this

[mayid]

Tengo un problema al "instanciar" un objeto con la sintaxis Json. Resulta que no estoy pudiendo asignarle eventos usando this como variable. Es decir, esto no funciona:

this.tab.click( this.show );

El codigo un poco más completo es este:

Código Javascript:

sidebox = {
    me : null,
    closeBtn : null,
    visible : false,
    tab : null,
    init : function(boxName){
       
        this.me = j('#'+boxName+'-sidebox');
        this.closeBtn = j('#'+boxName+'-pane .sidebox-close');
        this.tab = j('#'+boxName+'-tab');
      
        this.me.css("top", windowsHeight / 3 ); // vertical position
      
        this.tab.bind("click", this.show );  // show
        this.closeBtn.bind("click", this.hide ); // hide
    },
    show : function(){
    ....
    },
    hide : function(){
     .....
     }
}
 

Código Javascript:

visionBox = new sidebox["init"]("vision");
    missionBox = new sidebox["init"]("mission");
 

Como ven, tiene algo de jQuery. Pero más alla de eso, lo que está pasandome es que this.tab y this.closeBtn no se dan por enterados de que se les adjudica eventos. Por qué?

La parte que no funciona puntualmente es esta: this.show y this.hide. O sea, el selector si funciona, pero no la llamada al evento. Y yo creo que lo que esta pasando es que mis objetos no estas "heredando" los metodos: solo heredan las propiedades.

[Dnielf]

En primer lugar no puedes usar el constructor new con notación literal de objetos, el navegador lo ignora, ahora con sidebox["init"]("vision") solo llamas a la función, un truco para que visionBox se vuelva "objeto" sería retornar la notación literal agregando return this al final del método init. :

http://jsfiddle.net/dnielF/fgN5v/1/

Saludos.

[mayid]

Iniciado por Dnielf

En primer lugar no puedes usar el constructor new con notación literal de objetos, el navegador lo ignora, ahora con sidebox["init"]("vision") solo llamas a la función, un truco para que visionBox se vuelva "objeto" sería retornar la notación literal agregando return this al final del método init. :

http://jsfiddle.net/dnielF/fgN5v/1/

Saludos.

Ah... buen truco. Mil gracias!! Si me funciona. Aunque no entiendo bien la teoría. La idea es que el metodo "constructor" devuelve el objeto, verdad?

En el contructor funciona ok la asignación de eventos con this. Lo que veo que no marcha es el uso de this.me en el metodo show. Mira:

Código Javascript:

show : function(){
        alert( this.me );
    }
 

http://jsfiddle.net/fgN5v/2/

No se, es raro, porque si imprimo visionBox en la consola de firebug, veo que visionBox.me esta bien definido. Si llamo a visionBox.me tambien la cosa va bien. Peero... dentro de show() tengo que usar la variable this y eso no me esta funcionando.

En fin, me darías otro empujon?

Ps: "objeto literal" es un objeto con notación Json?

[Dnielf]

Es divertido porque bind crea su propio ámbito, entonces si te das cuenta estarías haciendo esto :

Código:

this.tab.bind("click", function(){
 this.me; // En este ámbito this se refiere al tab y no la objeto principal.
});

Lo solucionarías pasando un argumento a la función.

PD: JSON es parte de la notación literal de objetos. Recomiendo esta pregunta : http://stackoverflow.com/questions/5179271/javascript-constructors-using-javascript-object-literal-notation

[mayid]

Gracias. Voy a leer mas sobre estos temas. Y decidir como reconstruir el objeto antes planteado.

EDITADO:
estuve viendo que esto pasa el objeto "prototypo" por referencia:

Código Javascript:

this.tab.bind("click", {obj: this}, this.show );  // show
        this.closeBtn.bind("click", {obj: this}, this.hide ); // hide
 

Consecuentemente, al obtener el objeto por parametro de show & hide lo que obtengo en realidad es siempre el ultimo objeto instanciado:

Código Javascript:

show : function(event){
       
         obj = event.data.obj; // sidebox
...}
 

Esto es porque el this del constructor se refiere al objeto original, sidebox, y no a los que quiero instanciar. :\