Heu , là t'as pas besoin d'aide , t'as l'ai d'avoir besoin qu'on bosse pour toi plutôt non ?
Sinon , pour ta réponse , par l'intermédiaire de l'instruction :
setTimeout("fonction_javascript()", nMilliSecondes)Tu pourras écrire une fonction qui est appelée toutes les n millisecondes.
Donc
<html>
<script>
var Sens = "+";
var myRouge;
var myNoir;
var deplacement = 10;
var timer = 20;
function Go()
{
leftRouge = parseInt(myRouge.style.left);
widthRouge = parseInt(myRouge.style.width);
leftNoir = parseInt(myNoir.style.left);
widthNoir = parseInt(myNoir.style.width);
if ( Sens == "+" )
{
leftRouge += deplacement;
leftNoir -= deplacement;
if ( ( leftRouge + widthRouge ) >= leftNoir )
{
Sens = "-";
}
}
else
{
leftRouge -= deplacement;
leftNoir += deplacement;
if ( leftRouge <= 0 )
{
Sens = "+";
}
}
myRouge.style.left = leftRouge;
myNoir.style.left = leftNoir;
setTimeout("Go()",timer);
}
function Init()
{
myRouge = document.getElementById('Rouge');
myNoir = document.getElementById('Noir');
myRouge.style.left = "0px" ;
myNoir.style.left = ( screen.width - parseInt(myNoir.style.width )) + "px";
setTimeout("Go()",timer);
}
</script>
<body onLoad="Init()">
<div id="Rouge" style="position:absolute;top:0;left:0;width:100px;border:1px dotted #ff0000"> </div>
<div id="Noir" style="position:absolute;top:0;left:0;width:100px;border:1px dotted #000000"> </div>
</body>
</html>Ok , désolé c'est pas optimisé mais j'ai fait ça en 5mn. Compatible FF et IE.
++
Life is Too Short ...
Enjoy Your Life ...