Discussion :

[night_flyers]

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?

[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.

[night_flyers]

merci

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

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
 
 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];
}
 
    }