Bonjour,

j'ai fait un code permettant de redimensionner vers le bas une div lors du clique sur un div se situant en bas de la div

je souhaiterait faire en sorte que l'étirement soit plus fluide.
Le pas d'étirement tous les 20 pixels est volontaire.

lors de l'éxécution du script on sent qu'il est un peu lent et parfois l'étirement prend une seconde à rattraper les différents palier si on monte le curseur plusieurs fois.

j'inclu plus tot dans ma page, prototype et scriptaculous.

alors si vous avez une idée:

Le JS:
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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
 
    <script type="text/javascript" charset="utf-8">
	var texte;
 
	Event.observe(document,'mousedown', stocker_pos);
	var posY;
	Event.observe(document,'mousemove', stocker_pos_move);
	var posY_move;	
 
	function stocker_pos(event){
		posY=Event.pointerY(event);
	//	$('test').innerHTML="Position y: "+ posY_mov;
 
	}
	function stocker_pos_move(event){
		posY_move=Event.pointerY(event);
	//	$('test').innerHTML="Position y: "+ posY_mov;
 
	}
	var posdep;
	var tailledep;
	function augmenter(){
		var depy=posY_move-posdep;
//		$('test').innerHTML="height: "+tailledep+" | depy: "+depy;
		var test=tailledep+depy
		if((test %20)==0){
		newtaille=tailledep+depy;
		var hg=newtaille+'px';
		$('div_test_1').setStyle({
				'height': hg
			}
		);
		}
	}
	function start_agr(){
		document.addEventListener('mousemove',augmenter,false);
		posdep=posY;
		tailledep=$('div_test_1').getHeight();
	}
	function stop_agr(){
		document.removeEventListener('mousemove',augmenter,false);
	}
 
	function initEcouteurs() {
		document.addEventListener('mousedown',start_agr,false);
		document.addEventListener('mouseup',stop_agr,false);
 
	}
	window.addEventListener('load',initEcouteurs,false);
 
	</script>
le HTML (sommaire ^^ )
Code : Sélectionner tout - Visualiser dans une fenêtre à part
<div id="div_test_1"><div id="button_redim">here</div></div>