🚀 go-pugleaf

En el cap�tulo anterior (news:h5a9b5$is5$1@news.nivel5.cl), Marious
<sinspam@tampocoexiste.ivn.cl> dijo: 

> Tengo un objeto con dos funciones, una que crea un div, y
> otra que le aumenta el alto de 5 en 5 hasta llegar a 20
> (osea 4 veces).-
> 
> objeto =
>      {
>      sumar: 5,
>      pasos: 4,
>      crearDiv: function()
>           {
>           this.elDiv = document.createElement('div');
>           // aquí se pone cualquier codigo para
>           // darle estilos y añadirlo a algún otro elemento
>           },
>      agrandarDiv: function()
>           {
>           if (!this.tamanno) this.tamanno = 0;
>           this.pasos   -= 4;
>           this.tamanno += this.sumar;
>           this.elDiv.style.height = this.tamanno+'px';
>           if (this.pasos != 0) setTimeout(this.agrandarDiv,100);
>           // Ahí está el drama ↑
>           }
>      }
> 
> Si llamo a la función de agrandarDiv inmediatamente, funciona a la
> perfección... no así con un “setTimeout”.
> 
> Necesito usar setTimeout porque quiero una demora de 100ms entre cada
> suma para que así se vea aparecer el div.
> 
> El problema es que al hacer un setTimeout, la función no se llamará
> en el mismo contexto, sino fuera, y “this” perderá su valor
> original... osea, la referencia al objeto de la función.
> 
> Lo que busco, es una solución para poder realizarlo,
> pero con las siguientes reglas.
> 
> No utilizar el nombre estatico del objeto.
> No utilizar ID para referirse al div.
> No registrar una variable global que haga referencia al objeto.
> Que me permita cambiar el nombre del objeto y no haya que
> tocar el codigo de este.
> 

A ver, no hay una soluci�n que responda bien a todos tus requerimientos. 
Simplemente, porque la funci�n SetTimeOut no es una funci�n "orientada a 
objetos".

Lo m�s cercano a lo que quieres, (y que se amarra de un peque�o resquicio 
legal que dejaste abiero) es utilizar una variable global, que sea un 
"arreglo" a los objetos. Algo as� como:
var misobjetos = new Array();
objeto =
     {
     sumar: 5,
     pasos: 4,
     crearDiv: function()
          {
          this.indice = misobjetos.length;
          misobjetos[this.indice] = this;
          this.elDiv = document.createElement('div');
          // aquí se pone cualquier codigo para
          // darle estilos y añadirlo a algún otro elemento
          },
     agrandarDiv: function()
          {
          if (!this.tamanno) this.tamanno = 0;
          this.pasos   -= 4;
          this.tamanno += this.sumar;
          this.elDiv.style.height = this.tamanno+'px';
          if (this.pasos != 0)
            setTimeout(misobjetos[this.indice].agrandarDiv, 100);
          }
     }

-- 
                           Jose M. Santiba�ez A.
                             <jms@nivel5.cl>
                           <http://caos.cl/jms>