Drag bloqué sur -X

Bonjour,
je suis en train de faire un petit drag & drop, mais le problème c'est que mon div ne se déplace pas vers -X. Donc je peux le déplacer en haut, à droite et en bas, mais pas à gauche.

Mes codes:

HTML:

Code:

1
2
3
<html>
<div id="rectangle" onmousedown="start_drag(document.getElementById('rectangle'));" onmousemove="drag_onmousemove(event);" onmouseup="drag_onmouseup();">
</div>

JAVASCRIPT:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
var dragged = null;
 
function start_drag(objet)
{
  dragged = objet;
}
 
function drag_onmousemove(event)
{
  if( dragged )
  {
    var x = event.clientX;
    var y = event.clientY;
    dragged.style.position = 'absolute';
    dragged.style.left = x + 'px';
    dragged.style.top = y + 'px';
  }
}
 
function drag_onmouseup()
{
  dragged = null;
}

Merci :)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
function drag_onmousemove(e)
{
  var event = e || window.event;
  if( dragged )
  {
    var x = event.clientX;
    var y = event.clientY;
    dragged.style.position = 'absolute';
    dragged.style.left = x + 'px';
    dragged.style.top = y + 'px';
  }
}

Merci, mais ca ne fonctionne toujours pas. :?