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>
12 <body style=
"background-color:#eee;">
13 <div style=
"position:relative;margin-left:100px;top:40px;background-color:white;">
14 (inside position:relative container)
15 <h1>script.aculo.us Drag and drop functional test file
</h1>
17 <h2>Draggables/Droppables
</h2>
19 <div id=
"absolute_positioned_element" class=
"box1" style=
"width:150px;height:150px;background:#bbf;">
20 <b>Ghosting effect
</b>
21 <input type=
"text" value=
"blah"/>
22 <div id=
"hurradiegams">test!
</div>
26 <a href=
"#" onclick=
"alert($('hurradiegams').innerHTML); return false;">alert contents of test div
</a>
28 <div id=
"absolute_positioned_element2" class=
"box1" style=
"width:150px;height:150px;background:#bbf;">
29 <span id=
"handle1">Ghost effect
</span><br/>
32 <script type=
"text/javascript" language=
"javascript" charset=
"utf-8">
34 new MochiKit.DragAndDrop.Draggable('absolute_positioned_element',{ghosting: true});
35 new MochiKit.DragAndDrop.Draggable('absolute_positioned_element2',{ghosting: true, revert:true});