Hi joefawcett,
Sure. below is the whole page. Just find a cart graphic and copy into an image folder. I think the cart should me moving but it isn't this is quite annoying since I cannot spot any errors at all. Thanks for your help.
<html>
<head>
<title>setIntervalCSSAnimation</title>
<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
<meta name="CODE_LANGUAGE" Content="C#">
<meta name=vs_defaultClientScript content="JavaScript">
<meta name=vs_targetSchema content="http://schemas.microsoft.com/intellisense/ie5">
<style>
H2, P {font-family:tahoma}
</style>
<script type="text/javascript">
<!--
vartimer = 0;
var incr = 10;
function moveCart()
{
var xPos;
xPos = cart.style.posLeft + incr;
if(xPos >= 400)
{
incr = -10
cart.style.filter = "FlipH()";
}
if(xPos <= 20)
{
incr = 10;
cart.style.filter = "";
}
cart.style.posLeft = xPos;
}
function toggleAnim()
{
//window.setInterval('moveCart()',100);
//alert(window.setInterval('moveCart()', 100));
if(vartimer!=0)
{
window.clearInterval(vartimer);
cmdAnimate.innerHTML = "<input type='button' value='Animation On' onclick='toggleAnim()'>";
vartimer = 0;
}
else
{
vartimer = window.setInterval('moveCart()', 100);
cmdAnimate.innerHTML = "<input type='button' value='Animation Off' onclick='toggleAnim()'>";
}
}
-->
</script>
</head>
<body MS_POSITIONING="GridLayout">
<h2>Animation</h2>
<p>Click button to move cart</p>
<span id="cart" NAME="cart" style="postion:absolute; top:150px; lef:20px">
<img src="images/cart.jpg">
</span>
<form name="frmMain" method="post" runat="server" action="setIntervalCSSAnimation.aspx">
<span id="cmdAnimate">
<input type="button" value="Animation on" onclick="toggleAnim()">
</span>
</form>
</body>
</html>
Animation
