No se me ejecuta el setInterval

[raxper]

Tengo un problema con el setInterval que no se ejecuta por que no encuentra style creo :S.
Intenté con getElementsByName .. nada


Quiero que tenga el mismo efecto que el primero, pero en diferencia que el primero, sin señalarle el ID


<style>.top{padding:10px}</style>
<div class="top" onMouseOver="setInterval('auto()', 300)" id="primeros">Funciona! pero indicandole el ID</div>
<div class="top" onMouseOver="setInterval('auto2(this)', 300)">Tiene que funcionar sin ID y automático</div>

Código Javascript:

var color = ['#ccc','#f1f1f1','#aaa'];
var num = 0;
function auto(){document.getElementById('primeros').style.background = color[num]; num++; if(num==color.length) num=0;}
function auto2(opcion){opcion.style.background=color[num]; num++; if(num==color.length) num=0;}
 

[zerokilled]

buenas...
sucede que setInterval, al igual que otras funciones (setTimeout, Function, eval) interpretan el codigo en un contexto distinto cuando el primer argumento es un string. si en la funcion hicieras un alert del argumento pasado (this) notaras que dicho argumento representa el objeto window. para que te funcione correctamente, en lugar de pasar un string, tienes que pasar una funcion anonima que invoque la funcion deseada. es decir...

Código:

function(){auto2(this);}

[IsaBelM]

qué hace this?? es objeto window y tu necesitas objeto htmldivelement. algo como esto puede funcionar

function auto2(opcion){div = opcion; opcion.style.background=color[num]; num++; if(num==color.length) {num=0;}t = setTimeout("auto2(div)",300);}

<div class="top" onMouseOver="auto2(this)">Tiene que funcionar sin ID y automático</div>

como ves he cambiado setInterval por setTimeout, creo que es mas adecuado

[raxper]

Iniciado por zerokilled

buenas...
sucede que setInterval, al igual que otras funciones (setTimeout, Function, eval) interpretan el codigo en un contexto distinto cuando el primer argumento es un string. si en la funcion hicieras un alert del argumento pasado (this) notaras que dicho argumento representa el objeto window. para que te funcione correctamente, en lugar de pasar un string, tienes que pasar una funcion anonima que invoque la funcion deseada. es decir...

Código:

function(){auto2(this);}

Gracias por la teoría ;), aunque lo había intentado algo así antes de preguntar.

Iniciado por IsaBelM

qué hace this?? es objeto window y tu necesitas objeto htmldivelement. algo como esto puede funcionar

como ves he cambiado setInterval por setTimeout, creo que es mas adecuado

Tranquila Isabel no te amargues ^^ , me funcionó.