🚀 go-pugleaf

On 08/04/2009 05:34 PM, Benjamin Porter wrote:
> "Marious"<sinspam@tampocoexiste.ivn.cl>  escribió en el mensaje
> news:h5a9b5$is5$1@news.nivel5.cl...
>> 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 si a alguien se le ocurre y me puede ayudar...
>> Thx~
>
>
> ¿window.setTimeout?
>
>

¿?