ca ne marche pas...
je cherche une piste ou une explication merci...
<head>
<title>Move Div</title>
<style>
#myDiv{
position: absolute;
top:100px;
left:100px;
border: 1px solid black;
width: 200px;
height: 30px;}
</style>
<script language ="javascript">
<!--
function movediv(x,y,t) {
var steps = Math.floor(t*30/1000);
var left = parseInt(document.getElementById('myDiv').style.left);
var top = parseInt(document.getElementById('myDiv').style.top);
for(var i=0; i<=steps; i++)
{
setTimeout("document.getElementById('myDiv').style.left='"+Math.floor(left+i*x/steps)+"px'",Math.floor(i*t/steps));
setTimeout("document.getElementById('myDiv').style.top='"+Math.floor(top+i*y/steps)+"px'",Math.floor(i*t/steps));
}
}
//-->
</script>
</head>
<body>
<a href="javascript:void(0);" onclick="movediv(400,650,30)">test</a>
<div id="myDiv">test</div>
</body>