Discussion :

[stoner]

Bonsoir à tous ,

Je rencontre quelques problèmes à la réalisation d'un drag and drop sur une div spécifique.
Voici mon code 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
(function dragDrop() {
	var element = document.querySelector('.draggableBox');
	var inTheBox;
 
	element.addEventListener('mousedown', function() {
		inTheBox = true;
	}, false)
 
	element.addEventListener('mouseup', function() {
		inTheBox = false;
	}, false)
 
	document.onmousemove = function(e) {	
		if(inTheBox) {
			element.style.left = e.clientX - (e.clientX - element.offsetLeft) +"px";
			element.style.top = e.clientY - (e.clientY - element.offsetTop) +"px";
		}
	}
})();

Voilà la page pour visualiser ce qu'il se passe: http://jsfiddle.net/rJe3n/

Hélas je ne parviens pas à comprendre pourquoi ça ne fonctionne pas.
Si quelqu'un pouvait m'aider à comprendre ce qui cloche je lui en serait très reconnaissant !
Merci de votre aide.