Div tag moving script onmouseover not working in netscape and firefox

[cjparis]

Hello All

I built a simple script to move a div tag with a MouseOver event handler. This worked fine in Safari but would not work in Netscape and Firefox

Can anyone help?

You can see it working in Safari on
http://observationist.co.uk

So far this is what I have

function moving(id){
if (document.getElementById("slider").style.left<10000)
document.getElementById("slider").style.left-=5
moveid = window.setTimeout(moving, 5000, true);
}
 
function stop(){
window.clearTimeout(moveid);
}
 
function moving2(){
if (document.getElementById("slider").style.left<10000)
document.getElementById("slider").style.left+=5
moveid2 = window.setTimeout(moving2, 50, true);
 
}
function stop2(){
window.clearTimeout(moveid2);
}

[acoder]

Please remember to use code tags when posting code.

You need to specify the values as a measurement, e.g. "px".

PS. changed the thread title too.

[cjparis]

Oh dear I seem to be getting even asking the question wrong !! Help with the answer would be appreciated if anyone actually knows about this stuff.

I have had a couple of suggestions but non which actually work. When giving a suggestion maybe it would be good practice to TEST the thing first before assuming you know the answer ???!!!

This would save lots of space on this site and mean that maybe you learn something too.

I have no idea what is wrong here but have tried a couple of peoples suggestons mostly with regard the the declaration of the px withing the code but this has no effect. The answer is more subtle or more obvious than that it would seem.

[acoder]

I have had a couple of suggestions but non which actually work. When giving a suggestion maybe it would be good practice to TEST the thing first before assuming you know the answer ???!!!

It would also be good practice to have faith in some of the suggestions! Try adapting this:

function moving(){
      var left =
parseInt(document.getElementById("slider").style.left);
      if (left <10000)
      document.getElementById("slider").style.left=(left-5) + "px";
      moveid = window.setTimeout("moving()", 1000);
}