aboutsummaryrefslogtreecommitdiff
path: root/includes/js/dojox/widget/tests/test_Toaster.html
blob: 015ebbeca3262f3ca65ab249b853a6cefb3df943 (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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	<title>Toaster Widget Dojo Tests</title>
	<style type="text/css">
		@import "../../../dojo/resources/dojo.css";
		@import "../../../dijit/themes/tundra/tundra.css";
		@import "../../../dijit/themes/dijit.css";
		@import "../../../dijit/tests/css/dijitTests.css"; 
		@import "../Toaster/Toaster.css";
	</style>

	<script type="text/javascript" src="../../../dojo/dojo.js" djConfig="isDebug:true, parseOnLoad: true"></script>
	<script type="text/javascript">
		dojo.require("dojox.widget.Toaster");
		dojo.require("dojo.parser");	// scan page for widgets and instantiate them

		var toast = null;
		function showTestMessage(){
			dojo.publish("testMessageTopic", 
				[ "This is a message! It's kind of long to show message wrapping."]
			);
		}
		function showAnotherMessage(){
			dojo.publish("testMessageTopic", 
				[{
					message: "This is another message!", 
					type: "warning", 
					duration: 500
				}]
			);
		}
		function showYetAnotherMessage(){
			dojo.publish("testMessageTopic", 
				[{ message: "This is yet another message!" }]
			);
		}

		dojo.addOnLoad(function(){
			toast = dijit.byId("toast");
		});
	</script>
</head>
<body class="tundra">
	<div dojoType="dojox.widget.Toaster" id="toast" 
		positionDirection="br-left" duration="0" 
		messageTopic="testMessageTopic"></div>

	<div dojoType="dojox.widget.Toaster" id="toast2" 
		separator="&lt;hr&gt;" positionDirection="bl-up" 
		messageTopic="testMessageTopic"></div>

	<button type="submit" 
		onclick="showTestMessage();">Click to show message</button>
	<button type="submit" 
		onclick="showAnotherMessage();">Click to show another message</button>
	<button type="submit" 
		onclick="showYetAnotherMessage();">Click to show yet another message</button>

	<h1>dojox.widget.Toaster test</h1>

	<div style="color: #FF0000;">
		When you click any of the buttons above, the bottom right hand message will
		stay on the screen until you acknowledge it by clicking inside the message
		box. If you click one of the message buttons while a message is still
		displayed in the bottom right corner it should append the new message below
		the old one with a separator between them.
	</div>
	<p>
		Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean semper
		sagittis velit. Cras in mi. Duis porta mauris ut ligula. Proin porta rutrum
		lacus. Etiam consequat scelerisque quam. Nulla facilisi.  Maecenas luctus
		venenatis nulla. In sit amet dui non mi semper iaculis.  Sed molestie
		tortor at ipsum. Morbi dictum rutrum magna. Sed vitae risus.
	</p>
	<p>
		Aliquam vitae enim. Duis scelerisque metus auctor est venenatis imperdiet.
		Fusce dignissim porta augue. Nulla vestibulum. Integer lorem nunc,
		ullamcorper a, commodo ac, malesuada sed, dolor. Aenean id mi in massa
		bibendum suscipit. Integer eros. Nullam suscipit mauris. In pellentesque.
		Mauris ipsum est, pharetra semper, pharetra in, viverra quis, tellus. Etiam
		purus. Quisque egestas, tortor ac cursus lacinia, felis leo adipiscing
		nisi, et rhoncus elit dolor eget eros. Fusce ut quam. Suspendisse eleifend
		leo vitae ligula. Nulla facilisi. Nulla rutrum, erat vitae lacinia dictum,
		pede purus imperdiet lacus, ut semper velit ante id metus. Praesent massa
		dolor, porttitor sed, pulvinar in, consequat ut, leo. Nullam nec est.
		Aenean id risus blandit tortor pharetra congue. Suspendisse pulvinar.
	</p>
	<p>
		Vestibulum convallis eros ac justo. Proin dolor. Etiam aliquam. Nam ornare
		elit vel augue. Suspendisse potenti. Etiam sed mauris eu neque nonummy
		mollis. Vestibulum vel purus ac pede semper accumsan. Vivamus lobortis, sem
		vitae nonummy lacinia, nisl est gravida magna, non cursus est quam sed
		urna. Phasellus adipiscing justo in ipsum. Duis sagittis dolor sit amet
		magna. Suspendisse suscipit, neque eu dictum auctor, nisi augue tincidunt
		arcu, non lacinia magna purus nec magna. Praesent pretium sollicitudin
		sapien. Suspendisse imperdiet. Class aptent taciti sociosqu ad litora
		torquent per conubia nostra, per inceptos hymenaeos.
	</p>
	<p>
		Mauris pharetra lorem sit amet sapien. Nulla libero metus, tristique et,
		dignissim a, tempus et, metus. Ut libero. Vivamus tempus purus vel ipsum.
		Quisque mauris urna, vestibulum commodo, rutrum vitae, ultrices vitae,
		nisl. Class aptent taciti sociosqu ad litora torquent per conubia nostra,
		per inceptos hymenaeos. Nulla id erat sit amet odio luctus eleifend. Proin
		massa libero, ultricies non, tincidunt a, vestibulum non, tellus. Nunc nunc
		purus, lobortis a, pulvinar at, egestas a, mi. Cras adipiscing velit a
		mauris. Morbi felis. Etiam at felis. Cras eget eros et justo mattis
		pulvinar. Nullam at justo id risus porttitor dignissim. Vestibulum sed
		velit vel metus tincidunt tempus. Nunc euismod nisl id dolor tristique
		tincidunt. Nullam placerat turpis sed odio. Curabitur in est id nibh tempus
		ultrices. Aliquam consectetuer dapibus eros. Aliquam nisl.
	</p>
	<p>
		Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean semper
		sagittis velit. Cras in mi. Duis porta mauris ut ligula. Proin porta rutrum
		lacus. Etiam consequat scelerisque quam. Nulla facilisi.  Maecenas luctus
		venenatis nulla. In sit amet dui non mi semper iaculis.  Sed molestie
		tortor at ipsum. Morbi dictum rutrum magna. Sed vitae risus.
	</p>
	<p>
		Aliquam vitae enim. Duis scelerisque metus auctor est venenatis imperdiet.
		Fusce dignissim porta augue. Nulla vestibulum. Integer lorem nunc,
		ullamcorper a, commodo ac, malesuada sed, dolor. Aenean id mi in massa
		bibendum suscipit. Integer eros. Nullam suscipit mauris. In pellentesque.
		Mauris ipsum est, pharetra semper, pharetra in, viverra quis, tellus. Etiam
		purus. Quisque egestas, tortor ac cursus lacinia, felis leo adipiscing
		nisi, et rhoncus elit dolor eget eros. Fusce ut quam. Suspendisse eleifend
		leo vitae ligula. Nulla facilisi. Nulla rutrum, erat vitae lacinia dictum,
		pede purus imperdiet lacus, ut semper velit ante id metus. Praesent massa
		dolor, porttitor sed, pulvinar in, consequat ut, leo. Nullam nec est.
		Aenean id risus blandit tortor pharetra congue. Suspendisse pulvinar.
	</p>
	<p>
		Vestibulum convallis eros ac justo. Proin dolor. Etiam aliquam. Nam ornare
		elit vel augue. Suspendisse potenti. Etiam sed mauris eu neque nonummy
		mollis. Vestibulum vel purus ac pede semper accumsan. Vivamus lobortis, sem
		vitae nonummy lacinia, nisl est gravida magna, non cursus est quam sed
		urna. Phasellus adipiscing justo in ipsum. Duis sagittis dolor sit amet
		magna. Suspendisse suscipit, neque eu dictum auctor, nisi augue tincidunt
		arcu, non lacinia magna purus nec magna. Praesent pretium sollicitudin
		sapien. Suspendisse imperdiet. Class aptent taciti sociosqu ad litora
		torquent per conubia nostra, per inceptos hymenaeos.
	</p>
</body>
</html>