Discussion :

[Olaf MENJI]

Je voudrai savoir comment éffectuer un déplacement avec un pas.
Voilà ma fonction me permettant le déplacement de mon objet :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
function go(e){
         if(obj && focus==obj){
            ev=!e ? "event.client" : "e.page"
            posx=parseInt(obj.style.left);
            posy=parseInt(obj.style.top);
 
            obj.style.left=eval(ev+"X")-5+document.body.scrollLeft+'px';
 
            //J'ai enlevé le code des limites juste pour poster
            //C'est pas importants pour mon problème
            //et puis dans mon code ça fait 100 lignes au moins
            //Ca gène plus qu'autre chose.
            limited=limited-posScroll-maxx;
            limiteg=limited-posScroll;
 
            if(posx>limited){
              limited=limited-10;
              obj.style.left=limited+'px';
            }
            if(posx<limiteg){
              limiteg=limiteg+10;
              obj.style.left=limiteg+'px';
            }
         }
}

Quelqu'un serait-il mettre un pas dans le déplacement de mon objet ?
Merci d'avance.

[siddh]

utilise setTimeout pour appeler ta fonction de deplacement :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script type='text/javascript'>
	function go(){
		ld = document.getElementById('lediv');
		ld.style.top = parseInt(ld.offsetTop + 10,10)+"px";
		ld.style.left = parseInt(ld.offsetLeft + 10,10)+"px";
		timer = setTimeout("go()",500);
	}
	function stop(){
		clearTimeout(timer);
	}
</script>
<input type="button" value="go" onclick="go()" />
<input type="button" value="stop" onclick="stop()" />
<br />
<div id="lediv" style="background-color: #CCCCCC; width: 50px; height: 50px; position: absolute;"></div>