Commit | Line | Data |
---|---|---|
6a1aa64f DV |
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"> | |
4 | <head> | |
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> | |
13 | </head> | |
14 | <body> | |
15 | ||
16 | <div id="container_div"> | |
17 | ||
18 | </div> | |
19 | ||
20 | <script type="text/javascript" language="javascript" charset="utf-8"> | |
21 | // <![CDATA[ | |
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); | |
27 | ||
28 | var li = document.createElement("li"); | |
29 | li.setAttribute("id", "test_1"); | |
30 | li.appendChild(document.createTextNode("blah1")); | |
31 | ul.appendChild(li); | |
32 | ||
33 | var li2 = document.createElement("li"); | |
34 | li2.setAttribute("id", "test_2"); | |
35 | li2.appendChild(document.createTextNode("blah2")); | |
36 | ul.appendChild(li2); | |
37 | ||
38 | $('container_div').appendChild(ul); | |
39 | ||
40 | MochiKit.Sortable.Sortable.create(new_ul_id, { onUpdate: function() { alert(MochiKit.Sortable.Sortable.serialize('new_id_123')); } }); | |
41 | // ]]> | |
42 | </script> | |
43 | ||
44 | </body> | |
45 | </html> |