bonjours
ce script permet de déplacer une image a droite en bas ... selon le bouton cliqué
<html><head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>DHTML exemple 01 : deplacement d'image</title>
<script language="JavaScript">
function bouge(x,y)
{
if(document.getElementById)
{
hautimage += y;
gaucheimage += x;
document.getElementById("smile").style.top = hautimage;
document.getElementById("smile").style.left = gaucheimage;
}
}
</script>
</head><body>
<script language="javascript">
var hautimage = 100;
var gaucheimage = 100;
document.write('<IMG SRC="/img/img_exemples/droite.gif" ID=smile STYLE="position:absolute;top:'+hautimage+';left:'+gaucheimage+'">');
</script><img src="dhtml_01_ex.php_fichiers/droite.gif" id="smile" style="position: absolute; top: 90px; left: 100px;">
<form>
<input value="gauche" onclick="bouge(-10,0)" type="button">
<input value="droite" onclick="bouge(10,0)" type="button">
<input value="haut" onclick="bouge(0,-10)" type="button">
<input value="bas" onclick="bouge(0,10)" type="button">
</form><br><br>
</body></html>
je souhaite que cette image se déplace sans que l'on ait besoin de cliquer sur un bouton, le déplacement sera aléatoire obtenu avec < Math.random() >, je cherche a remplacer < onclick > par une autre fonction tel < onload > mais je ne sais pas si c'est la bonne fonction, j'ai noté en rouge les partie liée a < onclick > a modifier
ce script permet de déplacer une image a droite en bas ... selon le bouton cliqué
<html><head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>DHTML exemple 01 : deplacement d'image</title>
<script language="JavaScript">
function bouge(x,y)
{
if(document.getElementById)
{
hautimage += y;
gaucheimage += x;
document.getElementById("smile").style.top = hautimage;
document.getElementById("smile").style.left = gaucheimage;
}
}
</script>
</head><body>
<script language="javascript">
var hautimage = 100;
var gaucheimage = 100;
document.write('<IMG SRC="/img/img_exemples/droite.gif" ID=smile STYLE="position:absolute;top:'+hautimage+';left:'+gaucheimage+'">');
</script><img src="dhtml_01_ex.php_fichiers/droite.gif" id="smile" style="position: absolute; top: 90px; left: 100px;">
<form>
<input value="gauche" onclick="bouge(-10,0)" type="button">
<input value="droite" onclick="bouge(10,0)" type="button">
<input value="haut" onclick="bouge(0,-10)" type="button">
<input value="bas" onclick="bouge(0,10)" type="button">
</form><br><br>
</body></html>
je souhaite que cette image se déplace sans que l'on ait besoin de cliquer sur un bouton, le déplacement sera aléatoire obtenu avec < Math.random() >, je cherche a remplacer < onclick > par une autre fonction tel < onload > mais je ne sais pas si c'est la bonne fonction, j'ai noté en rouge les partie liée a < onclick > a modifier