mirror of
https://github.com/EGroupware/egroupware.git
synced 2024-12-22 14:41:29 +01:00
75 lines
2.9 KiB
JavaScript
75 lines
2.9 KiB
JavaScript
|
//v.3.6 build 131023
|
||
|
|
|
||
|
|
/*
|
||
|
|
Copyright DHTMLX LTD. http://www.dhtmlx.com
|
||
|
|
You allowed to use this component or parts of it under GPL terms
|
||
|
|
To use it on other terms or get Professional edition of the component please contact us at sales@dhtmlx.com
|
||
|
|
*/
|
||
|
|
/**
|
||
|
|
* @desc: adds drag-n-drop capabilities (with possibility to drop into dhtmlxTree) to HTML object.
|
||
|
|
* @param: obj - HTML object, or HTML object ID
|
||
|
|
* @param: func - custom drag processor function, optional
|
||
|
|
* @type: public
|
||
|
|
* @topic: 0
|
||
|
|
*/
|
||
|
|
dhtmlXTreeObject.prototype.makeDraggable=function(obj,func){
|
||
|
|
if (typeof(obj)!="object")
|
||
|
|
obj=document.getElementById(obj);
|
||
|
|
|
||
|
|
dragger=new dhtmlDragAndDropObject();
|
||
|
|
dropper=new dhx_dragSomethingInTree();
|
||
|
|
|
||
|
|
dragger.addDraggableItem(obj,dropper);
|
||
|
|
obj.dragLanding=null;
|
||
|
|
obj.ondragstart=dropper._preventNsDrag;
|
||
|
|
obj.onselectstart=new Function("return false;");
|
||
|
|
|
||
|
|
obj.parentObject=new Object;
|
||
|
|
obj.parentObject.img=obj;
|
||
|
|
obj.parentObject.treeNod=dropper;
|
||
|
|
dropper._customDrop=func;
|
||
|
|
}
|
||
|
|
dhtmlXTreeObject.prototype.makeDragable=dhtmlXTreeObject.prototype.makeDraggable;
|
||
|
|
/**
|
||
|
|
* @desc: adds drag-n-drop capabilities (with possibility to drop into dhtmlxTree) to all HTML items with dragInDhtmlXTree attribute
|
||
|
|
* @param: func - custom drag processor function, optional
|
||
|
|
* @type: public
|
||
|
|
* @topic: 0
|
||
|
|
*/
|
||
|
|
dhtmlXTreeObject.prototype.makeAllDraggable=function(func){
|
||
|
|
var z=document.getElementsByTagName("div");
|
||
|
|
for (var i=0; i<z.length; i++)
|
||
|
|
if (z[i].getAttribute("dragInDhtmlXTree"))
|
||
|
|
this.makeDragable(z[i],func);
|
||
|
|
}
|
||
|
|
|
||
|
|
function dhx_dragSomethingInTree(){
|
||
|
|
this.lWin=window;
|
||
|
|
//this function creates a HTML object which will be used while drag-n-drop
|
||
|
|
this._createDragNode=function(node){
|
||
|
|
var dragSpan=document.createElement('div');
|
||
|
|
dragSpan.style.position="absolute";
|
||
|
|
dragSpan.innerHTML=(node.innerHTML||node.value);
|
||
|
|
dragSpan.className="dragSpanDiv";
|
||
|
|
return dragSpan;
|
||
|
|
};
|
||
|
|
//this function necessary for correct browser support
|
||
|
|
//doesn't change anything in it
|
||
|
|
this._preventNsDrag=function(e){
|
||
|
|
(e||window.event).cancelBubble=true;
|
||
|
|
if ((e)&&(e.preventDefault)) { e.preventDefault(); return false; }
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
//this function contains a reaction on drop operation
|
||
|
|
//the tree don't know what to do with custom item
|
||
|
|
//so you must define this reaction
|
||
|
|
this._nonTrivialNode=function(tree,item,bitem,source){
|
||
|
|
if (this._customDrop) return this._customDrop(tree,source.img.id,item.id,bitem?bitem.id:null);
|
||
|
|
|
||
|
|
var image=(source.img.getAttribute("image")||"");
|
||
|
|
var id=source.img.id||"new";
|
||
|
|
var text=(source.img.getAttribute("text")||(_isIE?source.img.innerText:source.img.textContent));
|
||
|
|
tree[bitem?"insertNewNext":"insertNewItem"](bitem?bitem.id:item.id,id,text,"",image,image,image);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
//(c)dhtmlx ltd. www.dhtmlx.com
|