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>
13 <style type=
"text/css" media=
"screen">
14 #thelist li { background: green; margin:
5px; padding:
30px; }
18 background: url(dropmarker.png) left top;
28 <li id=
"thelist_1">Hey there! I'm item#
1</li>
29 <li id=
"thelist_2">Hey there! I'm item#
2</li>
30 <li id=
"thelist_3">Hey there! I'm item#
3</li>
33 <a href=
"#" onclick=
"MochiKit.Sortable.Sortable.create('thelist');return false;">Create sortable
</a> |
34 <a href=
"#" onclick=
"MochiKit.Sortable.Sortable.destroy('thelist');return false;">Destroy sortable
</a> |
35 <a href=
"#" onclick=
"alert(MochiKit.Sortable.Sortable.serialize('thelist'));return false;">Serialize sortable
</a>