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 Drag and drop 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/DragAndDrop.js"></script>
11 <script type=
"text/javascript" src=
"../../MochiKit/Sortable.js"></script>
12 <style type=
"text/css" media=
"screen">
13 #thelist li { background: green; margin:
5px; padding:
30px; }
14 #thelist2 li { background: #ffb; margin:
2px; padding:
2px; }
18 <h1>script.aculo.us Drag and drop functional test file
</h1>
20 <h2>Draggables/Droppables
</h2>
22 <div style=
"width:400px;height:400px;overflow:scroll;position:relative;" id=
"scroll-container">
24 <ul id=
"thelist2" style=
"padding: 2px; background:red;">
25 <li>Relatively here!
</li>
26 <li><input onclick=
"this.checked = !this.checked" name=
"x" id=
"x" type=
"checkbox"/>one
</li>
80 <pre id=
"debug"></pre>
82 <script type=
"text/javascript" language=
"javascript" charset=
"utf-8">
84 // Sortable.create('thelist', {overlap: 'horizontal', constraint: false});
85 MochiKit.Position.includeScrollOffsets = true;
86 MochiKit.Sortable.Sortable.create('thelist2', {scroll: 'scroll-container'});