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

Expand|Select|Wrap|Line Numbers

 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

Quote:

Originally Posted by cjparis

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:

Expand|Select|Wrap|Line Numbers

 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);

}

Div tag moving script onmouseover not working in netscape and firefox

re: Div tag moving script onmouseover not working in netscape and firefox

re: Div tag moving script onmouseover not working in netscape and firefox

re: Div tag moving script onmouseover not working in netscape and firefox

Similar JavaScript / Ajax / DHTML bytes

/bytes/development

/bytes/it

/bytes/about