1 <!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
4 <title>Drag and Drop Sortable Tables with MochiKit
</title>
5 <meta http-equiv=
"Content-Type" content=
"text/html; charset=utf-8" />
6 <link href=
"dnd_sortable.css" rel=
"stylesheet" type=
"text/css" />
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/DragAndDrop.js"></script>
11 <script type=
"text/javascript" src=
"../../MochiKit/Sortable.js"></script>
15 Drag and Drop Sortable Tables with MochiKit
19 <a href=
"index.html" class=
"view-source">index.html
</a>
22 <ul id=
"dnd_sortable">
24 <li>pythonmac.org
</li>
25 <li>undefined.org
</li>
29 <a onclick=
"validate()">Validate order choice
</a>
31 <script type=
"text/javascript">
32 MochiKit.Sortable.Sortable.create('dnd_sortable');
34 validate = function () {
35 var children = MochiKit.DOM.getElement(
"dnd_sortable").childNodes;
37 for (var i =
0; i < children.length; i++) {
38 res += children[i].firstChild.nodeValue + ' ';
45 <li><a href=
"sortable_test.html">Test
1</a></li>
46 <li><a href=
"sortable2_test.html">Test
2</a></li>
47 <li><a href=
"sortable3_test.html">Test
3</a></li>
48 <li><a href=
"sortable4_test.html">Test
4</a></li>
49 <li><a href=
"sortable5_test.html">Test
5</a></li>
50 <li><a href=
"sortable_tree_test.html">Test tree
</a></li>