Problema cambiando la imagen de fondo :S

[ZequeZ]

Weno, el código que hice es:

Código:

function MoveScrollbar(activate,side)
{
		if(activate)
		{
			if(side)
			{
				this.style.backgroundImage="url(images/arrow_ri_gl.png)";
				intervalId=setInterval("MoveIt(true)",10);
			}
			else
			{
				this.style.backgroundImage="url(images/arrow_le_gl.png)";
				intervalId=setInterval("MoveIt(false)",10);
			}
		}
		else
		{
			clearInterval(intervalId);
		}
}

El problema es que me da el error "this.style is undefined", la función la estoy llamando desde una div :S.

Sin la parte de cambiar la imagen de fondo me anda perfecto :S.

EDITO; Ya lo "solucioné" poniendo al objeto html como un parámetro y enviando "this" cuando llamo la función... Pero estoy seguro que se puede hacer sin tener que pasar el parámetro :S.

[Legoltaz]

Prueba cambiando this por document.getElementById();

[zerokilled]

@legolaz: mi disculpa pero no me fije que ya habias respondido.

otra alternativa es pasando el elemento como argumento a la funcion. sucede que el keyword this hace referencia a otro objeto porque la funcion esta definida en un nivel diferente. es decir, la funcion no fue definida en el mismo elemento.

Código:

function MoveScrollbar(elem,activate,side)
{
		if(activate)
		{
			if(side)
			{
				elem.style.backgroundImage="url(images/arrow_ri_gl.png)";
				intervalId=setInterval("MoveIt(true)",10);
			}
			else
			{
				elem.style.backgroundImage="url(images/arrow_le_gl.png)";
				intervalId=setInterval("MoveIt(false)",10);
			}
		}
		else
		{
			clearInterval(intervalId);
		}
}


<div onclick="MoveScrollbar(this, ..., ...);">...</div>

[ZequeZ]

Iniciado por zerokilled

@legolaz: mi disculpa pero no me fije que ya habias respondido.

otra alternativa es pasando el elemento como argumento a la funcion. sucede que el keyword this hace referencia a otro objeto porque la funcion esta definida en un nivel diferente. es decir, la funcion no fue definida en el mismo elemento.

Código:

function MoveScrollbar(elem,activate,side)
{
		if(activate)
		{
			if(side)
			{
				elem.style.backgroundImage="url(images/arrow_ri_gl.png)";
				intervalId=setInterval("MoveIt(true)",10);
			}
			else
			{
				elem.style.backgroundImage="url(images/arrow_le_gl.png)";
				intervalId=setInterval("MoveIt(false)",10);
			}
		}
		else
		{
			clearInterval(intervalId);
		}
}


<div onclick="MoveScrollbar(this, ..., ...);">...</div>

Sisi, eso es exactamente lo que hice, la cosa es que ahora le tengo que agregar otro parámetro a la función y me sería muy práctico que pudiera usar "this" xD.

We, no importa, sigo pasando los elementos por parámetros, gracias a todos ^^.

[zerokilled]

a ver, quizas esta otra alternativa te guste con tu codigo original.

Código:

<div onclick="MoveScrollbar.apply(this, [/*tus parametros aqui*/]);">...</div>