| 2150 |
mathias |
1 |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
|
|
2 |
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
|
3 |
<head>
|
|
|
4 |
<title>Dojo DnD optional parameters test</title>
|
|
|
5 |
<style type="text/css">
|
|
|
6 |
@import "../../resources/dojo.css";
|
|
|
7 |
|
|
|
8 |
body {
|
|
|
9 |
padding: 1em;
|
|
|
10 |
}
|
|
|
11 |
|
|
|
12 |
.moveable {
|
|
|
13 |
background: #FFFFBF;
|
|
|
14 |
border: 1px solid black;
|
|
|
15 |
width: 300px;
|
|
|
16 |
padding: 10px 20px;
|
|
|
17 |
cursor: pointer;
|
|
|
18 |
}
|
|
|
19 |
</style>
|
|
|
20 |
<script type="text/javascript" src="../../dojo.js" djConfig="isDebug: true"></script>
|
|
|
21 |
<script type="text/javascript" src="../../dnd/move.js"></script>
|
|
|
22 |
<script type="text/javascript">
|
|
|
23 |
dojo.require("dojo.dnd.move");
|
|
|
24 |
var m1, m2, m3, m4;
|
|
|
25 |
var init = function(){
|
|
|
26 |
m1 = new dojo.dnd.Moveable("moveable1");
|
|
|
27 |
m2 = new dojo.dnd.Moveable("moveable2", {delay: 10});
|
|
|
28 |
m3 = new dojo.dnd.Moveable("moveable3");
|
|
|
29 |
m4 = new dojo.dnd.Moveable("moveable4", {skip: true});
|
|
|
30 |
};
|
|
|
31 |
dojo.addOnLoad(init);
|
|
|
32 |
</script>
|
|
|
33 |
</head>
|
|
|
34 |
<body>
|
|
|
35 |
<h1>Dojo DnD optional parameters test</h1>
|
|
|
36 |
<p class="moveable" id="moveable1"><strong>Normal paragraph:</strong> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris augue augue, condimentum nec, viverra et, porttitor sit amet, ligula. Cras malesuada sollicitudin risus. Praesent tincidunt nunc ut enim. Aliquam sit amet libero ac lorem ornare vulputate. Nulla a mauris cursus erat rutrum condimentum. Vivamus sit amet pede in felis sodales adipiscing. Curabitur arcu turpis, pharetra ac, porttitor ac, ultrices nec, quam. Donec feugiat purus eu nulla. Aenean mattis tellus vel nulla. Pellentesque vitae quam. Vestibulum scelerisque, eros nec imperdiet interdum, sapien quam accumsan libero, at vestibulum risus purus ut quam. Nam mattis, lorem vel rhoncus pulvinar, augue nibh rhoncus felis, et elementum felis dolor vitae justo. Nullam felis augue, ultricies ac, laoreet sed, lobortis in, neque. Vivamus nunc quam, dictum at, egestas et, fringilla non, magna.</p>
|
|
|
37 |
<p class="moveable" id="moveable2"><strong>Delayed move by 10px:</strong> Quisque at urna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Pellentesque ante sem, ullamcorper in, ornare vitae, placerat id, velit. Ut ut tortor vitae lectus dignissim fringilla. Praesent urna enim, laoreet in, lobortis eget, porttitor eget, lacus. Suspendisse et enim. Duis semper nulla a felis. Duis dolor odio, ultrices et, lobortis sed, posuere eu, dolor. Duis est. Nam laoreet. Sed vehicula augue aliquam tortor.</p>
|
|
|
38 |
<p class="moveable" id="moveable3"><strong>With form elements:</strong>
|
|
|
39 |
<a href="http://dojotoolkit.org">dojotoolkit</a><br />
|
|
|
40 |
<input type="button" value="Button" />
|
|
|
41 |
<input type="text" value="abc" />
|
|
|
42 |
<input type="checkbox" checked />
|
|
|
43 |
<input type="radio" />
|
|
|
44 |
<select>
|
|
|
45 |
<option value="1">one</option>
|
|
|
46 |
<option value="2">two</option>
|
|
|
47 |
</select>
|
|
|
48 |
</p>
|
|
|
49 |
<p class="moveable" id="moveable4"><strong>With form elements and skip setting:</strong><brt />
|
|
|
50 |
<a href="http://dojotoolkit.org">dojotoolkit</a>
|
|
|
51 |
<input type="button" value="Button" />
|
|
|
52 |
<input type="text" value="abc" />
|
|
|
53 |
<input type="checkbox" checked />
|
|
|
54 |
<input type="radio" />
|
|
|
55 |
<select>
|
|
|
56 |
<option value="1">one</option>
|
|
|
57 |
<option value="2">two</option>
|
|
|
58 |
</select>
|
|
|
59 |
</p>
|
|
|
60 |
</body>
|
|
|
61 |
</html>
|