Discussion :

[flashnet]

Bonjour,

Je déplace une div dans un document et j'aimerais à chaque déplacement calculer la distance déplacée.

Code :

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

1
2
3
4
5
6
7
8
9
10
 
new Draggable(
            'div_drag',
            {
				snap:[0, 21],
			  change:function(){
//On obtient ici la nouvelle position mais comment ?
}
,
            }

Je ne sais pas comment m'y prendre... Auriez-vous une idée ? Merci

[gwyohm]

Bonjour,

Tu peux faire comme ca :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
new Draggable( 'div_drag', {
  snap:[0, 21],
  onDrag: function(dragObject) {
    dragObject._beforeMovePos = dragObject.element.viewportOffset();
  },
  change:function(dragObject){
    var _newPos = dragObject.element.viewportOffset();
    var deltaX = _newPos.left - dragObject._beforeMovePos.left;
    var deltaY = _newPos.top - dragObject._beforeMovePos.top;
  }
});

[flashnet]

Waouw, ça fonctionne ! Merci beaucoup !

Il faut juste remplacer Ondrag par Onstart et le script marche très bien.