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 <title>script.aculo.us sortable functional test file
</title>
6 <meta http-equiv=
"content-type" content=
"text/html; charset=utf-8" />
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>
16 <div id=
"container_div">
20 <script type=
"text/javascript" language=
"javascript" charset=
"utf-8">
22 var new_ul_id = 'new_id_123';
23 var ul = document.createElement(
"ul");
24 var ul_id = document.createAttribute(
"id");
25 ul_id.nodeValue = new_ul_id;
26 ul.setAttributeNode(ul_id);
28 var li = document.createElement(
"li");
29 li.setAttribute(
"id",
"test_1");
30 li.appendChild(document.createTextNode(
"blah1"));
33 var li2 = document.createElement(
"li");
34 li2.setAttribute(
"id",
"test_2");
35 li2.appendChild(document.createTextNode(
"blah2"));
38 $('container_div').appendChild(ul);
40 MochiKit.Sortable.Sortable.create(new_ul_id, { onUpdate: function() { alert(MochiKit.Sortable.Sortable.serialize('new_id_123')); } });