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 ul { height:
100px; border:
1px dotted #
888; }
18 <h1>script.aculo.us Sortable two-lists w/ dropOnEmpty functional test file
</h1>
21 <li id=
"thelist1_1">Hey there! I'm item#
1/
1</li>
22 <li id=
"thelist1_2">Hey there! I'm item#
1/
2</li>
23 <li id=
"thelist1_3">Hey there! I'm item#
1/
3</li>
29 <script type=
"text/javascript" language=
"javascript" charset=
"utf-8">
31 MochiKit.Sortable.Sortable.create('thelist1',{containment:['thelist1','thelist2'], dropOnEmpty:true});
32 MochiKit.Sortable.Sortable.create('thelist2',{containment:['thelist1','thelist2'], dropOnEmpty:true});
36 <a href=
"#" onclick=
"alert(MochiKit.Sortable.Sortable.serialize('thelist1'));return false;">Serialize sortable1
</a>
37 <a href=
"#" onclick=
"alert(MochiKit.Sortable.Sortable.serialize('thelist2'));return false;">Serialize sortable2
</a>
39 <div id=
"debug"></div>