Hey. I am new to webprogramming..so sorry if this question sounds stupid:D
I just wanted to make an animation but in firefox that animation just doesnt appear tho it works great in IE and opera. Do you have any idea what's wrong? I use the function setTimeout() and document.all[id].style...etc to take the value I need. No error but no animation as well=\
kracko 0 Light Poster
fxm 23 Posting Pro
You will have to post the code.
BTW: document.all is deprecated at best and unsupported at worst; use document.getElementById('x') instead.
kracko 0 Light Poster
aw well my code was very complicated..jst help me with this one i will figure out with mine
<input type="button" onclick="move()" value="go" />
<br />
<img src="btn16.gif" style=" position:absolute; height:100px; width:100px; top:20px" id="img" />
<script>
var k=0;
function move(){
var t=document.getElementById("img").style.top;
t=parseInt(t);
t+=15;
document.getElementById("img").style.top=t;
if(k<10){
k++;
setTimeout("move()",1);
}
}
</script> fxm 23 Posting Pro
This
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta name="generator" content=
"HTML Tidy for Windows (vers 25 March 2009), see www.w3.org">
<title></title>
</head>
<body>
<form>
<input type="button" onclick="mve()" value="go"><br>
</form>
<img src="btn16.gif" style="position:relative; height:100px; width:100px; top:0px" id="img" name="img">
<script type="text/javascript">
var oImg = document.getElementById("img")
var t = parseInt(oImg.style.top)
var k = 0;
function mve() {
t += 15;
oImg.style.top = t + 'px'
if (k++ < 10) { setTimeout("mve()", 100); }
}
</script>
</body>
</html>works fine here in all browsers.
Note: if you set the timeout to a small number [like 1] and your machine is fast enough, the image will appear to jump instead of sliding.
kracko 0 Light Poster
thanks
Be a part of the DaniWeb community
We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.