make dragged objects stylable via CSS

Ignore-this: ae47b532b80d10868e82e0ccc5c963d1

A DOM object that is dragged through the new drag Object gets the ondrag
assigned.

note: development was part of the ICKE 2.0 project see
        http://www.icke-projekt.de for info

darcs-hash:20090812180344-6e07b-a50d6589f0650897ddd5f5d345a3d15513aada77.gz

1 files changed, 5 insertions, 3 deletions

diff --git a/lib/scripts/drag.js b/lib/scripts/drag.js
index aefe8af52..1294be602 100644
--- a/lib/scripts/drag.js
+++ b/lib/scripts/drag.js
@@ -37,14 +37,15 @@ drag = {
      */
     start: function (e){
         drag.handle = e.target;
-        drag.handle.style.cursor = 'move';
-
         if(drag.handle.dragobject){
             drag.obj = drag.handle.dragobject;
         }else{
             drag.obj = drag.handle;
         }
 
+        drag.handle.className += ' ondrag';
+        drag.obj.className    += ' ondrag';
+
         drag.oX = parseInt(drag.obj.style.left);
         drag.oY = parseInt(drag.obj.style.top);
         drag.eX = drag.evX(e);
@@ -62,7 +63,8 @@ drag = {
      * Ends the dragging operation
      */
     stop: function(){
-        drag.handle.style.cursor = '';
+        drag.handle.className = drag.handle.className.replace(/ ?ondrag/,'');
+        drag.obj.className    = drag.obj.className.replace(/ ?ondrag/,'');
         removeEvent(document,'mousemove',drag.drag);
         removeEvent(document,'mouseup',drag.stop);
         drag.obj = null;