[Simple] Définir espace de confinement

Version imprimable

25/06/2009, 19h25
night_flyers

[Simple] Définir espace de confinement

Ne trouvant pas les mots clés adéquats sur google je ne parviens pas à trouver la réponse à mon problème.

Je souhaiterais empecher mon element dragable de dépasser le contour d'une div

regarde cette page et déplacez l'élément bleu, il sort du cadre gris.
Je voudrais le bloquer pour qu'il reste à l'intérieur de la div grise.

Est ce que mes explications sont assez clairs?
26/06/2009, 10h15
gwyohm

Salut,

Ta question est très claire. J'ai déjà été confronté au problème. La solution que j'ai mise en œuvre est de passer par l'option snap à utiliser en méthode.
En méthode, snap prend en paramètre x et y, abcisse et ordonnée du draggable.
et doit renvoyer un tableau sous la forme [x, y] qui sont les coordonnées fixées pour le draggable.

merci :D

Ma div draggable s'appelle drag_demo_1
et voici le javascript ou plutôt le scriptaculous

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
 new Draggable('drag_demo_1', 
	 {
 
	snap: function(x,y) {     
	var parent_dimensions = Element.getDimensions($('drag_demo_1').parentNode);     
	var element_dimensions = Element.getDimensions('drag_demo_1');     
	var xMin = 0;     
	var xMax = parent_dimensions.width - element_dimensions.width;     
	var yMin = 0;     
	var yMax = parent_dimensions.height - element_dimensions.height;    
	x = x<xMin ? xMin : x;    
	x = x>xMax ? xMax : x;    
	y = y<yMin ? yMin : y;     
	y = y>yMax ? yMax : y;     
	return [x,y];
}
 
    }