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 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 | </head> | |
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> | |
16 | ||
17 | <h2>Draggables/Droppables</h2> | |
18 | ||
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> | |
23 | <br/> | |
24 | </div> | |
25 | ||
26 | <a href="#" onclick="alert($('hurradiegams').innerHTML); return false;">alert contents of test div</a> | |
27 | ||
28 | <div id="absolute_positioned_element2" class="box1" style="width:150px;height:150px;background:#bbf;"> | |
29 | <span id="handle1">Ghost effect</span><br/> | |
30 | </div> | |
31 | ||
32 | <script type="text/javascript" language="javascript" charset="utf-8"> | |
33 | // <![CDATA[ | |
34 | new MochiKit.DragAndDrop.Draggable('absolute_positioned_element',{ghosting: true}); | |
35 | new MochiKit.DragAndDrop.Draggable('absolute_positioned_element2',{ghosting: true, revert:true}); | |
36 | // ]]> | |
37 | </script> | |
38 | </div> | |
39 | </body> | |
40 | </html> |