🚀 go-pugleaf

On 08/04/2009 07:08 PM,  wrote:
> 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);
>            }
>       }
>

Sigue estando de cierta forma en contra de la tercera regla que puse. xD
He googleado hasta el cansancio y nadie lo ha hecho como quiero,
al parecer es como dices, simplemente el setTimeout no está hecho
para trabajar dentro de objetos.

De todas formas gracias a tu sugerencia... encontraré una forma de
manejar arreglos de objetos sin que choquen entre ellos. (no debe
ser complicado)

http://img88.imageshack.us/img88/6264/7a2e11yz.jpg