summaryrefslogtreecommitdiff
path: root/includes/js/dojox/layout/tests/test_DragPane.html
blob: df38b7e4f727fddb0b74a61797406ace02d380ce (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>

	<title>DragPane layout widget Test</title>

	<script type="text/javascript" src="../../../dojo/dojo.js" djConfig="parseOnLoad:true, isDebug:true"></script>
	<script type="text/javascript" src="../../../dijit/tests/_testCommon.js"></script>
	<script type="text/javascript" src="../DragPane.js"></script>
	<script type="text/javascript">
		dojo.require("dojo.parser");
	</script>
	<style type="text/css">
		@import "../../../dojo/resources/dojo.css";
		@import "../../../dijit/themes/dijit.css";
		@import "../../../dijit/themes/tundra/tundra.css";
		@import "../../../dijit/tests/css/dijitTests.css";
		
		.hasHand { cursor:pointer !important; }
		.box { width:25px; height:25px; background:#000; position:absolute; }
		#br { bottom:5px; right:5px; }
		#bl { left:5px; bottom:5px; }
		#tl { top:5px; left:5px; }
		#tr { top:5px; right:5px; }
		.hugetext {
			font:22pt Arial,sans-serif;
			font-weight:bold;
		}
		#container {
			overflow:auto;
			width:600px;
			height:300px;
			border:4px solid #ededed;
			background:#ededed;
		}
	</style>

</head>
<body class="tundra">
	<div class="hugetext" id="container" dojoType="dojox.layout.DragPane">
		<p style="color:#666; padding:8px; margin:0;">
		Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In porta. Etiam mattis libero nec ante. Nam 
		porta lacus eu ligula. Cras mauris. Suspendisse vel augue. Vivamus aliquam orci ut eros. Nunc eleifend 
		sagittis turpis. purus purus in nibh. Phasellus in nunc.
		</p>
		<p style="color:#666; padding:8px; margin:0;">
		Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In porta. Etiam mattis libero nec ante. Nam 
		porta lacus eu ligula. Cras mauris. Suspendisse vel augue. Vivamus aliquam orci ut eros. Nunc eleifend 
		sagittis turpis. purus purus in nibh. Phasellus in nunc.
		</p>
		<p style="color:#666; padding:8px; margin:0;">
		Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In porta. Etiam mattis libero nec ante. Nam 
		porta lacus eu ligula. Cras mauris. Suspendisse vel augue. Vivamus aliquam orci ut eros. Nunc eleifend 
		sagittis turpis. purus purus in nibh. Phasellus in nunc.
		</p>
		<p style="color:#666; padding:8px; margin:0;">
		Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In porta. Etiam mattis libero nec ante. Nam 
		porta lacus eu ligula. Cras mauris. Suspendisse vel augue. Vivamus aliquam orci ut eros. Nunc eleifend 
		sagittis turpis. purus purus in nibh. Phasellus in nunc.
		</p>
		<p style="color:#666; padding:8px; margin:0;">
		Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In porta. Etiam mattis libero nec ante. Nam 
		porta lacus eu ligula. Cras mauris. Suspendisse vel augue. Vivamus aliquam orci ut eros. Nunc eleifend 
		sagittis turpis. purus purus in nibh. Phasellus in nunc.
		</p>
		<p style="color:#666; padding:8px; margin:0;">
		Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In porta. Etiam mattis libero nec ante. Nam 
		porta lacus eu ligula. Cras mauris. Suspendisse vel augue. Vivamus aliquam orci ut eros. Nunc eleifend 
		sagittis turpis. purus purus in nibh. Phasellus in nunc.
		</p>
		<p style="color:#666; padding:8px; margin:0;">
		Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In porta. Etiam mattis libero nec ante. Nam 
		porta lacus eu ligula. Cras mauris. Suspendisse vel augue. Vivamus aliquam orci ut eros. Nunc eleifend 
		sagittis turpis. purus purus in nibh. Phasellus in nunc.
		</p>
		<p style="color:#666; padding:8px; margin:0;">
		Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In porta. Etiam mattis libero nec ante. Nam 
		porta lacus eu ligula. Cras mauris. Suspendisse vel augue. Vivamus aliquam orci ut eros. Nunc eleifend 
		sagittis turpis. purus purus in nibh. Phasellus in nunc.
		</p>
		<p style="color:#666; padding:8px; margin:0;">
		Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In porta. Etiam mattis libero nec ante. Nam 
		porta lacus eu ligula. Cras mauris. Suspendisse vel augue. Vivamus aliquam orci ut eros. Nunc eleifend 
		sagittis turpis. purus purus in nibh. Phasellus in nunc.
		</p>
		<p style="color:#666; padding:8px; margin:0;">
		Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In porta. Etiam mattis libero nec ante. Nam 
		porta lacus eu ligula. Cras mauris. Suspendisse vel augue. Vivamus aliquam orci ut eros. Nunc eleifend 
		sagittis turpis. purus purus in nibh. Phasellus in nunc.
		</p>	
	</div>
</body>
</html>