Discussion :

[grunk]

Bonjour à tous,
Je cherche à restreindre la zone de drag d'un élément mais je ne trouve rien dans la doc qui corresponde à ce que je recherche.

Mon appli est très simple , un tableau blanc sur lequel on peut déplacer des postit, donc pas de zone de drop, simplement un déplacement et un enregistrement de la nouvelle position.

Le souçis étant que je peux dragger mes "postit" (en fait un div) en dehors du tableau blanc (également un div).

Ce que je souhaiterai arriver à faire c'est que le div conteneur (le tableau blanc) soit les limite du drag. Au dela pas de scroll , simplement impossible d'y aller.
Peut être y'a il une option que j'ai raté ?

Voir la pièce jointe pour illustrer un peu mes propos

[Bovino]

Code :

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

new Draggable('ton_post-it', { handle: 'conteneur' });

[grunk]

Handle n'est pas censé être l'élément permettant de dragger ?

Sets whether the element should only be draggable by an embedded handle

[gwyohm]

Handle n'est pas censé être l'élément permettant de dragger ?

Oui, c'est la zone qui permet de dragger. Tu peux passer par la fonction snap :

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
new Draggable("drag", {snap:
		function (x, y) {
			var xy = [x, y];
			if(x < minLeft) {
				xy[0] = minLeft;
			}
			if(x + dragDim.width > maxLeft) {
				xy[0] = maxLeft - dragDim.width;
			}
			if(y < minTop) {
				xy[1] = minTop;
			}
			if(y + dragDim.height > maxTop) {
				xy[1] = maxTop - dragDim.top;
			}
			return xy;
		}
	});

regarde bien ce post jusqu'au bout, le sujet a été traité :
http://www.developpez.net/forums/d69...v/#post4040263

[grunk]

Oki merci bien