Changeset 1530 for trunk/jabberit_messenger/js/dragdrop.js

Timestamp:

10/27/09 14:17:10 (15 years ago)

Author:

alexandrecorreia

Message:

Ticket #370 - Melhoria do layout das janelas, para criação de preferencia(on/offline).

File:

• trunk/jabberit_messenger/js/dragdrop.js (modified) (6 diffs)

trunk/jabberit_messenger/js/dragdrop.js

@@ -1 +1 @@
 (function()
 {
-        var _element = null;
-
-        function _config(pObj, pEvent, pHandler)
+        var _element    = null;
+        var _elementA   = null;
+        var _elementB   = null;
+        var _parent             = null;
+
+        function _configEvent(pObj, pEvent, pHandler)
         {
                 if ( typeof pObj == 'object' )
@@ -9 +12 @@
                         if ( pEvent.substring(0, 2) == 'on' )
                                 pEvent = pEvent.substring(2, pEvent.length);
-
+        
                         if ( arguments.length == 3 )
                         {
@@ -19 +22 @@
                         else if ( arguments.length == 4 )
                         {
-                                if ( pObj.removeEventListener )
+                                if ( pObj.removeEventListener && pObj.removeEventListener != 'undefined')
                                         pObj.removeEventListener(pEvent, pHandler, false);
                                 else if ( pObj.detachEvent )
                                         pObj.detachEvent('on' + pEvent, pHandler);
                         }
+                }
+        }
+
+        function _drag(e)
+        {
+                if (typeof e.preventDefault != 'undefined')
+                        e.preventDefault();
+                else
+                        e.onselectstart = new Function("return false;");
+
+                _element = ( e.target ) ? e.target : e.srcElement;
+
+                if ( _element )
+                {
+                        _configEvent(_element, 'onmousemove', _mouseMove);
+                        _configEvent(top.document, 'onmousemove', _mouseMove);
+
+                        _configEvent(_element, 'onmouseup', _mouseUp);
+                        _configEvent(top.document, 'onmouseup', _mouseUp);
+                }
+        }
+
+        function _elementShadow( pId )
+        {
+                if( _elementA )
+                {
+                        var _elShadow                   = document.createElement("div");
+                        _elShadow.id                    = _elementA.id + "__Shadow";
+                        _elShadow.setAttribute("onselectstart" , "return false");
+                        _elShadow.style.width   = _elementA.style.width;
+                        _elShadow.style.height  = _elementA.style.height;
+                        _elShadow.style.top             = _elementA.style.top;
+                        _elShadow.style.left    = _elementA.style.left;
+                        _elShadow.style.zIndex  = _elementA.style.zIndex;
+                        _elShadow.className             = "x-shadow_Div";
+                        
+                        return _elShadow;
+                }
+        }
+
+        function _load()
+        {
+                if( arguments.length > 0 )
+                {
+                        var pId = arguments[0];
+                        
+                        _configEvent(document.getElementById( pId + "__draggable"), 'onmousedown', _mouseDownShadow);
                 }
         }
@@ -71 +121 @@
                 CoordX = ev.clientX + document.body.scrollLeft - document.body.clientLeft;
                 CoordY = ev.clientY + document.body.scrollTop  - document.body.clientTop;
+                
                 return {
                         'x' : CoordX,
@@ -97 +148 @@
                 if ( _element )
                 {
-                        _config(_element, 'onmousemove', _mouseMove, 'remove');
-                        _config(top.document, 'onmousemove', _mouseMove, 'remove');
-
-                        _config(_element, 'onmouseup', _mouseUp, 'remove');
-                        _config(top.document, 'onmouseup', _mouseUp, 'remove');
+                        _mouseUpShadow();
+                        
+                        _configEvent(_element, 'onmousemove', _mouseMove, 'remove');
+                        _configEvent(top.document, 'onmousemove', _mouseMove, 'remove');
+
+                        _configEvent(_element, 'onmouseup', _mouseUp, 'remove');
+                        _configEvent(top.document, 'onmouseup', _mouseUp, 'remove');
 
                         _element.mouseOffset = null;
@@ -108 +161 @@
         }
 
-        function _toDrag(el)
-        {
-                if ( el.getAttribute('dragdrop_parent') == null )
-                {
-                        if ( el.getAttribute('dragdrop_child') != null )
+        function _mouseDownShadow(e)
+        {
+                try
+                {
+                        if( arguments.length > 0 )
                         {
-                                var children = 0;
-                                while ( (++children < 5) && (el.getAttribute('dragdrop_parent') == null) )
-                                        el = el.parentNode;
+                                var _el = ( e.target ) ? e.target : e.srcElement;
+                                var _id = (_el.id.substring(0, _el.id.indexOf("__draggable"))); 
+                                
+                                _elementA = document.getElementById( _id + "__parent");
+                                _elementB = _elementShadow( _id + "__parent");
+                                
+                                _elementA.style.left = '-1500px';
+                                _parent   = _elementA.parentNode;
+                                
+                                var _B = _parent.appendChild(_elementB);
+                                
+                                _configEvent( _elementB, 'onmouseup', _mouseUpShadow);
+                                _configEvent( _elementB, 'onmousemove', _drag);
                         }
-                        if ( el.getAttribute('dragdrop_parent') == null )
-                                el = false;
-                }
-                return el;
-        }
-
-        function _drag(e)
-        {
-                if (typeof e.preventDefault != 'undefined')
-                        e.preventDefault();
-                else
-                        e.onselectstart = new Function("return false;");
-
-                var el = ( e.target ) ? e.target : e.srcElement;
-
-                el = _toDrag(el);
-
-                if ( el )
-                {
-                        _element = el;
-
-                        _config(el, 'onmousemove', _mouseMove);
-                        _config(top.document, 'onmousemove', _mouseMove);
-
-                        _config(el, 'onmouseup', _mouseUp);
-                        _config(top.document, 'onmouseup', _mouseUp);
-                }
-        }
-
-        function _set(_pObject)
-        {
-                if ( typeof _pObject != 'object' )
-                        return false;
-
-                _pObject.setAttribute('dragdrop_parent', 'true');
-
-                _config(_pObject, 'onmousedown', _drag);
-        }
-
-        function DragDrop()
-        {
-        }
-
-        DragDrop.prototype.drag = _set;
-        window.JITDragDrop = DragDrop;
-}
-)();
+                        
+                }catch(e){}
+        }
+
+        function _mouseUpShadow()
+        {
+                try
+                {
+                        _elementA.style.top                     = _elementB.style.top;
+                        _elementA.style.left            = _elementB.style.left;
+                        
+                        var _B = _parent.removeChild(_elementB);
+
+                        _elementA = null;
+                        _elementB = null;
+                        _element = null;
+                }
+                catch(e){}
+        }
+        
+        function dragdrop(){}
+
+        dragdrop.prototype.set  = _load;
+        window.dragdrop = dragdrop;
+        
+})();