1 <!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3 <html xmlns=
"http://www.w3.org/1999/xhtml" xml:
lang=
"en" lang=
"en">
5 <meta http-equiv=
"Content-Type" content=
"text/html; charset=utf-8"/>
6 <title>Sortable tree test
</title>
7 <script type=
"text/javascript" src=
"../../MochiKit/MochiKit.js"></script>
8 <script type=
"text/javascript" src=
"../../MochiKit/Position.js"></script>
9 <script type=
"text/javascript" src=
"../../MochiKit/Visual.js"></script>
10 <script type=
"text/javascript" src=
"../../MochiKit/Signal.js"></script>
11 <script type=
"text/javascript" src=
"../../MochiKit/DragAndDrop.js"></script>
12 <script type=
"text/javascript" src=
"../../MochiKit/Sortable.js"></script>
13 <style type=
"text/css">
14 ul {padding-top:
4px; padding-bottom:
2px; border:
1px solid #ccf;}
15 li {border:
1px solid #fcc;}
20 <a href=
"#" onclick=
"alert(MochiKit.Sortable.Sortable.serialize('menu'));return false">serialize
1</a>
22 <ul id=
"menu" style=
"padding-top: 6px; padding-bottom: 6px;">
23 <li class=
"edit_link level0" id=
"t1_7">
25 <ul class=
"edit_list">
26 <li class=
"edit_link level1" id=
"t1_8">
28 <ul class=
"edit_list"></ul>
30 <li class=
"edit_link level1" id=
"t1_9">
31 Translation Not Available
32 <ul class=
"edit_list"></ul>
36 <li class=
"edit_link level0" id=
"t1_10">
38 <ul class=
"edit_list">
39 <li class=
"edit_link level1" id=
"t1_1">
41 <ul class=
"edit_list"></ul>
43 <li class=
"edit_link level1" id=
"t1_2">
45 <ul class=
"edit_list">
46 <li class=
"edit_link level2" id=
"t1_4">
48 <ul class=
"edit_list">
49 <li class=
"edit_link level3" id=
"t1_6">
51 <ul class=
"edit_list"></ul>
55 <li class=
"edit_link level2" id=
"t1_5">
57 <ul class=
"edit_list"></ul>
59 <li class=
"edit_link level2" id=
"t1_11">
61 <ul class=
"edit_list"></ul>
65 <li class=
"edit_link level1" id=
"t1_12">
67 <ul class=
"edit_list"></ul>
69 <li class=
"edit_link level1" id=
"t1_13">
71 <ul class=
"edit_list">
72 <li class=
"edit_link level2" id=
"t1_14">
74 <ul class=
"edit_list">
75 <li class=
"edit_link level3" id=
"t1_15">
77 <ul class=
"edit_list"></ul>
81 <li class=
"edit_link level2" id=
"t1_16">
83 <ul class=
"edit_list"></ul>
85 <li class=
"edit_link level2" id=
"t1_17">
87 <ul class=
"edit_list"></ul>
91 <li class=
"edit_link level1" id=
"t1_18">
93 <ul class=
"edit_list"></ul>
99 <script type=
"text/javascript">
101 MochiKit.Sortable.Sortable.create('menu', {tree:true,scroll:window});
105 <ul id=
"menu2" style=
"padding-top: 6px; padding-bottom: 6px;">
106 <li class=
"edit_link level0" id=
"t2_7">
108 <ul class=
"edit_list">
109 <li class=
"edit_link level1" id=
"t2_8">
111 <ul class=
"edit_list"></ul>
113 <li class=
"edit_link level1" id=
"t2_9">
114 Translation Not Available
115 <ul class=
"edit_list"></ul>
119 <li class=
"edit_link level0" id=
"t2_10">
121 <ul class=
"edit_list">
122 <li class=
"edit_link level1" id=
"t2_1">
124 <ul class=
"edit_list"></ul>
126 <li class=
"edit_link level1" id=
"t2_2">
128 <ul class=
"edit_list">
129 <li class=
"edit_link level2" id=
"t2_4">
131 <ul class=
"edit_list">
132 <li class=
"edit_link level3" id=
"t2_6">
134 <ul class=
"edit_list"></ul>
138 <li class=
"edit_link level2" id=
"t2_5">
140 <ul class=
"edit_list"></ul>
142 <li class=
"edit_link level2" id=
"t2_11">
144 <ul class=
"edit_list"></ul>
148 <li class=
"edit_link level1" id=
"t2_12">
150 <ul class=
"edit_list"></ul>
152 <li class=
"edit_link level1" id=
"t2_13">
154 <ul class=
"edit_list">
155 <li class=
"edit_link level2" id=
"t2_14">
157 <ul class=
"edit_list">
158 <li class=
"edit_link level3" id=
"t2_15">
160 <ul class=
"edit_list"></ul>
164 <li class=
"edit_link level2" id=
"t2_16">
166 <ul class=
"edit_list"></ul>
168 <li class=
"edit_link level2" id=
"t2_17">
170 <ul class=
"edit_list"></ul>
174 <li class=
"edit_link level1" id=
"t2_18">
176 <ul class=
"edit_list"></ul>
182 <script type=
"text/javascript">
184 MochiKit.Sortable.Sortable.create('menu2', {tree:true,scroll:window});