Problema con funcion dentro de objeto.

[tomirammstein]

Hola a todos, estoy acá porque tuve un problema usando una función dentro de un objeto estilo JSON.

El punto es este :

Código Javascript:

window.fade ={
  color : 0,
  suma : 10,
  fadeIn : function aparecer(){
    var obj = document.getElementById('escondido');
    obj.style.display = "block";
    this.color += this.suma;
    if (!(this.color>=110)){
      obj.style.filter = 'alpha(opacity='+this.color+')';
      obj.style.opacity = this.color /100;
      obj.style.MozOpacity = this.color /100;
      obj.style.KHTMLOpacity = this.color /100;
      window.setTimeout ([error]"this.fadeIn();"[/error], 100);
    }
  }
};
 

El área en donde consta mi problema esta resaltado entre [error] y [/error], para aclarar el problema en sí.,

Cuando llamo al objeto y a la funcion así:

Código Javascript:

fade.fadeIn();
 

Sale un error desde consola así:
Uncaught TypeError: Object [object DOMWindow] has no method 'fadeIn'

Y si lo pongo así:

Código Javascript:

fade.fadeIn.aparecer();
 

Me sale este error:
TypeError: Object has no method 'aparecer'

Entonces traté de modificar el código en sí, y lo puse así:

Código Javascript:

window.fade ={
  color : 0,
  suma : 10,
  fadeIn : function aparecer(){
    var obj = document.getElementById('escondido');
    obj.style.display = "block";
    this.color += this.suma;
    if (!(this.color>=110)){
      obj.style.filter = 'alpha(opacity='+this.color+')';
      obj.style.opacity = this.color /100;
      obj.style.MozOpacity = this.color /100;
      obj.style.KHTMLOpacity = this.color /100;
      window.setTimeout ("aparecer();", 100);
    }
  }
};
 

Entonces lo llamo así:

Código Javascript:

fade.fadeIn();
 

Y funciona, solo que el setTimeout NO funciona, ya que me sale este error:
Uncaught ReferenceError: aparecer is not defined

¿Alguien puede darme sugerencias?
Para ser más especifico, este script es para que cierto div, con display:none, y opacity: 0, se haga con display:block y que con el setTimeout se vaya haciendo cada vez del color más solido, pero ese setTimeout NO funciona, eso es lo que necesito.

Espero haber sido prolijo y especifico, muchas gracias de antemano.

[_cronos2]

Basandome en el primer snippet, lo que te falla es el this. Primero de todo, no uses un string dentro de un setTimeout, usa un handler! Y despues, revisa que el this dentro de la funcion puede no ser el mismo this en el setTimeout...
Saludos (:

[tomirammstein]

Iniciado por _cronos2

Basandome en el primer snippet, lo que te falla es el this. Primero de todo, no uses un string dentro de un setTimeout, usa un handler! Y despues, revisa que el this dentro de la funcion puede no ser el mismo this en el setTimeout...
Saludos (:

¿Podrías darme el ejemplo, por favor?
Muchas gracias.

[_cronos2]

A ver así:

Código Javascript:

window.fade ={
  ...
* fadeIn : function(){
* * ...
* * if (this.color <= 110){
* * * ...
* * * window.setTimeout (this.fadeIn, 100);
* * }
* }
};
 

Saludos (:
Edit: Shit, me salen asteriscos D: