1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
|
function initialize_sorting(tagList,classList) {
/*
var debugoutput=empty("pre");
document.body.appendChild(debugoutput)
function jsdebug(txt) {
//clear(debugoutput)
debugoutput.appendChild(text(txt+"\n"))
}
*/
function listToSet(list) {
var set={}
for(var i in list) set[list[i]]=true
return set;
}
var sortable_tag=listToSet(tagList)
var sortable_class=listToSet(classList)
function sortable(elem) {
return elem && (sortable_tag[elem.tagName]
? sortable_class[elem.className]
? elem
: null
: sortable(elem.parentNode))
}
function move_element(elem,x,y) {
elem.style.left=x+"px";
elem.style.top=y+"px";
elem.delta={x:x,y:y};
}
function adjust_refs(elem,dy) {
//jsdebug("dy="+dy);
move_element(elem,elem.delta.x,elem.delta.y-dy);
elem.downAt.y+=dy;
elem.range.lo-=dy;
elem.range.hi-=dy;
}
function move_up(elem) {
var prev=elem.previousSibling;
if(prev) {
var top=elem.offsetTop;
var mid=prev.offsetTop+prev.offsetHeight/2;
if(top<mid) {
elem.parentNode.insertBefore(elem,prev);
adjust_refs(elem,elem.offsetTop-top)
}
//else jsdebug("not yet, top="+top+", mid="+mid);
}
//else jsdebug("at top");
}
function move_down(elem) {
var next=elem.nextSibling;
if(next) {
var top=elem.offsetTop;
var bot=top+elem.offsetHeight;
var mid=next.offsetTop+next.offsetHeight/2;
if(bot>mid) {
next.parentNode.insertBefore(next,elem);
adjust_refs(elem,elem.offsetTop-top)
}
//else jsdebug("not yet, top="+top+", bot="+bot+", mid="+mid);
}
//else jsdebug("at bottom");
}
function swap(elem,dy) {
if(dy>0) move_down(elem);
else if(dy<0) move_up(elem);
}
function restrictTo(range,y) {
return Math.min(range.hi,Math.max(range.lo,y));
}
function startDrag(event,elem) {
//jsdebug("Start dragging");
elem.style.position="relative";
elem.delta || (elem.delta={x:0,y:0});
elem.downAt={x:event.screenX-elem.delta.x,y:event.screenY-elem.delta.y};
var list=elem.parentNode;
var top=list.offsetTop-elem.offsetTop+elem.delta.y;
elem.range={lo:top,hi:top+list.offsetHeight-elem.offsetHeight};
elem.style.zIndex=1;
document.onmousemove=function(event) {
var dx=0/*event.screenX-elem.downAt.x*/;
var dy=restrictTo(elem.range,event.screenY-elem.downAt.y);
//jsdebug("dragging to "+dx+" "+dy+" "+show_props(elem.range,"range"));
move_element(elem,dx,dy);
//jsdebug("dragging to "+elem.offsetLeft+" "+elem.offsetTop);
swap(elem,dy)
//event.stopPropagation();
return false;
}
document.onmouseup=function(event) {
//jsdebug("dropped");
elem.style.zIndex=0;
move_element(elem,0,0);
document.onmousemove=null;
document.onmouseup=null;
if(list.onsort) list.onsort();
//else jsdebug("no list.onsort "+list.className+" "+list.firstChild.ident);
//event.stopPropagation();
return false;
}
//event.stopPropagation();
return false;
}
function mousedown(event) {
var elem=sortable(event.target);
if(elem) return startDrag(event,elem);
//else jsdebug("Clicked outside"/*+taglist(event.target)/*+show_props(event,"event")*/);
}
//var jsdebug=debug;
function init() {
document.onmousedown=mousedown;
//var d=element("javascriptdebug");
//if(d) jsdebug=function(msg) { d.innerHTML=msg; }
}
init();
}
//Inspired by http://tool-man.org/examples/sorting.html
|
