Subversion Repositories Applications.papyrus

Rev

Go to most recent revision | Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
2150 mathias 1 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
2 
	"http://www.w3.org/TR/html4/strict.dtd">
3 
<html>
4 
	<head>
5 
		<title>Testing dojo.behavior</title>
6 
		<script type="text/javascript" src="../dojo.js" djConfig="isDebug: true"></script>
7 
		<script type="text/javascript">
8 
			dojo.require("doh.runner");
9 
			dojo.require("dojo.fx");
10 
 
11 
			dojo.addOnLoad(function(){
12 
				doh.register("t",
13 
					[
14 
						function slideTo(t){
15 
							var s = dojo.fx.slideTo({
16 
								node: "foo",
17 
								duration: 500,
18 
								left: 500,
19 
								top: 50
20 
							}).play();
21 
							var d = new doh.Deferred();
22 
							dojo.connect(s, "onEnd", function(){
23 
								doh.is(dojo.style("foo", "left"), 500);
24 
								doh.is(dojo.style("foo", "top"), 50);
25 
								with(dojo.byId("foo").style){
26 
									position = left = top = "";
27 
								}
28 
								d.callback(true);
29 
							});
30 
							s.play();
31 
							return d;
32 
						},
33 
 
34 
						function wipeOut(t){
35 
							dojo.byId("foo").style.height = "";
36 
							var d = new doh.Deferred();
37 
							var s = dojo.fx.wipeOut({
38 
								node: "foo",
39 
								duration: 500,
40 
								onEnd: function(){
41 
									doh.t(dojo.style("foo", "height") < 5);
42 
									d.callback(true);
43 
								}
44 
							}).play();
45 
							return d;
46 
						},
47 
 
48 
						function wipeIn(t){
49 
							dojo.byId("foo").style.height = "0px";
50 
							var d = new doh.Deferred();
51 
							dojo.fx.wipeIn({
52 
								node: "foo",
53 
								duration: 500,
54 
								onEnd: function(){
55 
									doh.t(dojo.style("foo", "height") != 0);
56 
									d.callback(true);
57 
								}
58 
							}).play();
59 
							return d;
60 
						},
61 
 
62 
 
63 
						function Toggler(){
64 
							var d = new doh.Deferred();
65 
							var t = new dojo.fx.Toggler({
66 
							    node: "foo",
67 
							    hideDuration: 1000,
68 
								hideFunc: dojo.fx.wipeOut,
69 
								showFunc: dojo.fx.wipeIn
70 
							});
71 
							t.hide();
72 
							setTimeout(function(){
73 
								var sa = t.show();
74 
								dojo.connect(sa, "onEnd", dojo.hitch(d, "callback", true));
75 
							}, 500);
76 
							return d;
77 
						}/*,
78 
 
79 
						function chain(t){
80 
							doh.t(false);
81 
						},
82 
 
83 
						function combine(t){
84 
							doh.t(false);
85 
						}
86 
						*/
87 
					]
88 
				);
89 
				doh.run();
90 
			});
91 
		</script>
92 
		<style type="text/css">
93 
			@import "../resources/dojo.css";
94 
 
95 
			body {
96 
				text-shadow: 0px 0px;
97 
				margin: 1em;
98 
				background-color: #DEDEDE;
99 
			}
100 
 
101 
			.box {
102 
				color: #292929;
103 
				/* color: #424242; */
104 
				/* text-align: left; */
105 
				width: 300px;
106 
				border: 1px solid #BABABA;
107 
				background-color: white;
108 
				padding-left: 10px;
109 
				padding-right: 10px;
110 
				margin-left: 10px;
111 
				margin-bottom: 1em;
112 
				-o-border-radius: 10px;
113 
				-moz-border-radius: 12px;
114 
				-webkit-border-radius: 10px;
115 
				-webkit-box-shadow: 0px 3px 7px #adadad;
116 
				/* -opera-border-radius: 10px; */
117 
				border-radius: 10px;
118 
				-moz-box-sizing: border-box;
119 
				-opera-sizing: border-box;
120 
				-webkit-box-sizing: border-box;
121 
				-khtml-box-sizing: border-box;
122 
				box-sizing: border-box;
123 
				overflow: hidden;
124 
				/* position: absolute; */
125 
			}
126 
		</style>
127 
	</head>
128 
	<body>
129 
		<div id="foo" class="box">
130 
			<p>
131 
			Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean
132 
			semper sagittis velit. Cras in mi. Duis porta mauris ut ligula.
133 
			Proin porta rutrum lacus. Etiam consequat scelerisque quam. Nulla
134 
			facilisi.  Maecenas luctus venenatis nulla. In sit amet dui non mi
135 
			semper iaculis.  Sed molestie tortor at ipsum. Morbi dictum rutrum
136 
			magna. Sed vitae risus.
137 
			</p>
138 
			<p>
139 
			Aliquam vitae enim. Duis scelerisque metus auctor est venenatis
140 
			imperdiet. Fusce dignissim porta augue. Nulla vestibulum. Integer
141 
			lorem nunc, ullamcorper a, commodo ac, malesuada sed, dolor. Aenean
142 
			id mi in massa bibendum suscipit. Integer eros. Nullam suscipit
143 
			mauris. In pellentesque. Mauris ipsum est, pharetra semper,
144 
			pharetra in, viverra quis, tellus. Etiam purus. Quisque egestas,
145 
			tortor ac cursus lacinia, felis leo adipiscing nisi, et rhoncus
146 
			elit dolor eget eros. Fusce ut quam. Suspendisse eleifend leo vitae
147 
			ligula. Nulla facilisi. Nulla rutrum, erat vitae lacinia dictum,
148 
			pede purus imperdiet lacus, ut semper velit ante id metus. Praesent
149 
			massa dolor, porttitor sed, pulvinar in, consequat ut, leo. Nullam
150 
			nec est. Aenean id risus blandit tortor pharetra congue.
151 
			Suspendisse pulvinar.
152 
			</p>
153 
		</div>
154 
	</body>
155 
</html>