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="<hr>" 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>
|
