blob: c33eb959719f9cd85d012d290ecad21775bdf24b (
plain)
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
|
/**
* Javascript for index view
*
* @author Andreas Gohr <andi@splitbrain.org>
*/
index = {
/**
* Delay in ms before showing the throbber.
* Used to skip the throbber for fast AJAX calls.
*/
throbber_delay: 500,
/**
* Attach event handlers to all "folders" below the given element
*
* @author Andreas Gohr <andi@splitbrain.org>
*/
treeattach: function(obj){
if(!obj) return;
var items = getElementsByClass('idx_dir',obj,'a');
for(var i=0; i<items.length; i++){
var elem = items[i];
// attach action to make the link clickable by AJAX
addEvent(elem,'click',function(e){ return index.toggle(e,this); });
// get the listitem the elem belongs to
var listitem = elem.parentNode;
while (listitem.tagName != 'LI') {
listitem = listitem.parentNode;
}
//when there are uls under this listitem mark this listitem as opened
if (listitem.getElementsByTagName('ul').length) {
listitem.open = true;
}
}
},
/**
* Open or close a subtree using AJAX
* The contents of subtrees are "cached" untill the page is reloaded.
* A "loading" indicator is shown only when the AJAX call is slow.
*
* @author Andreas Gohr <andi@splitbrain.org>
* @author Ben Coburn <btcoburn@silicodon.net>
*/
toggle: function(e,clicky){
var listitem = clicky.parentNode.parentNode;
listitem.open = !listitem.open;
// listitem.open represents now the action to be done
// if already open, close by removing the sublist
var sublists = listitem.getElementsByTagName('ul');
if(!listitem.open){
if (sublists.length) {
sublists[0].style.display='none';
}
listitem.className='closed';
e.preventDefault();
return false;
}
// just show if already loaded
if(sublists.length && listitem.open){
sublists[0].style.display='';
listitem.className='open';
e.preventDefault();
return false;
}
// prepare an AJAX call to fetch the subtree
var ajax = new sack(DOKU_BASE + 'lib/exe/ajax.php');
ajax.AjaxFailedAlert = '';
ajax.encodeURIString = false;
if(ajax.failed) return true;
//prepare the new ul
var ul = document.createElement('ul');
ul.className = 'idx';
timeout = window.setTimeout(function(){
// show the throbber as needed
if (listitem.open) {
ul.innerHTML = '<li><img src="'+DOKU_BASE+'lib/images/throbber.gif" alt="loading..." title="loading..." /></li>';
listitem.appendChild(ul);
listitem.className='open';
}
}, this.throbber_delay);
ajax.elementObj = ul;
ajax.afterCompletion = function(){
window.clearTimeout(timeout);
index.treeattach(ul);
if (listitem.className!='open') {
if (!listitem.open) {
ul.style.display='none';
}
listitem.appendChild(ul);
if (listitem.open) {
listitem.className='open';
}
}
};
ajax.runAJAX(clicky.search.substr(1)+'&call=index');
e.preventDefault();
return false;
}
};
addInitEvent(function(){
index.treeattach($('index__tree'));
});
|
