| 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>Toaster Widget Dojo Tests</title>
|
|
|
6 |
<style type="text/css">
|
|
|
7 |
@import "../../../dojo/resources/dojo.css";
|
|
|
8 |
@import "../../../dijit/themes/tundra/tundra.css";
|
|
|
9 |
@import "../../../dijit/themes/dijit.css";
|
|
|
10 |
@import "../../../dijit/tests/css/dijitTests.css";
|
|
|
11 |
@import "../Toaster/Toaster.css";
|
|
|
12 |
</style>
|
|
|
13 |
|
|
|
14 |
<script type="text/javascript" src="../../../dojo/dojo.js" djConfig="isDebug:true, parseOnLoad: true"></script>
|
|
|
15 |
<script type="text/javascript">
|
|
|
16 |
dojo.require("dojox.widget.Toaster");
|
|
|
17 |
dojo.require("dojo.parser"); // scan page for widgets and instantiate them
|
|
|
18 |
|
|
|
19 |
var toast = null;
|
|
|
20 |
function showTestMessage(){
|
|
|
21 |
dojo.publish("testMessageTopic",
|
|
|
22 |
[ "This is a message! It's kind of long to show message wrapping."]
|
|
|
23 |
);
|
|
|
24 |
}
|
|
|
25 |
function showAnotherMessage(){
|
|
|
26 |
dojo.publish("testMessageTopic",
|
|
|
27 |
[{
|
|
|
28 |
message: "This is another message!",
|
|
|
29 |
type: "warning",
|
|
|
30 |
duration: 500
|
|
|
31 |
}]
|
|
|
32 |
);
|
|
|
33 |
}
|
|
|
34 |
function showYetAnotherMessage(){
|
|
|
35 |
dojo.publish("testMessageTopic",
|
|
|
36 |
[{ message: "This is yet another message!" }]
|
|
|
37 |
);
|
|
|
38 |
}
|
|
|
39 |
|
|
|
40 |
dojo.addOnLoad(function(){
|
|
|
41 |
toast = dijit.byId("toast");
|
|
|
42 |
});
|
|
|
43 |
</script>
|
|
|
44 |
</head>
|
|
|
45 |
<body class="tundra">
|
|
|
46 |
<div dojoType="dojox.widget.Toaster" id="toast"
|
|
|
47 |
positionDirection="br-left" duration="0"
|
|
|
48 |
messageTopic="testMessageTopic"></div>
|
|
|
49 |
|
|
|
50 |
<div dojoType="dojox.widget.Toaster" id="toast2"
|
|
|
51 |
separator="<hr>" positionDirection="bl-up"
|
|
|
52 |
messageTopic="testMessageTopic"></div>
|
|
|
53 |
|
|
|
54 |
<button type="submit"
|
|
|
55 |
onclick="showTestMessage();">Click to show message</button>
|
|
|
56 |
<button type="submit"
|
|
|
57 |
onclick="showAnotherMessage();">Click to show another message</button>
|
|
|
58 |
<button type="submit"
|
|
|
59 |
onclick="showYetAnotherMessage();">Click to show yet another message</button>
|
|
|
60 |
|
|
|
61 |
<h1>dojox.widget.Toaster test</h1>
|
|
|
62 |
|
|
|
63 |
<div style="color: #FF0000;">
|
|
|
64 |
When you click any of the buttons above, the bottom right hand message will
|
|
|
65 |
stay on the screen until you acknowledge it by clicking inside the message
|
|
|
66 |
box. If you click one of the message buttons while a message is still
|
|
|
67 |
displayed in the bottom right corner it should append the new message below
|
|
|
68 |
the old one with a separator between them.
|
|
|
69 |
</div>
|
|
|
70 |
<p>
|
|
|
71 |
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean semper
|
|
|
72 |
sagittis velit. Cras in mi. Duis porta mauris ut ligula. Proin porta rutrum
|
|
|
73 |
lacus. Etiam consequat scelerisque quam. Nulla facilisi. Maecenas luctus
|
|
|
74 |
venenatis nulla. In sit amet dui non mi semper iaculis. Sed molestie
|
|
|
75 |
tortor at ipsum. Morbi dictum rutrum magna. Sed vitae risus.
|
|
|
76 |
</p>
|
|
|
77 |
<p>
|
|
|
78 |
Aliquam vitae enim. Duis scelerisque metus auctor est venenatis imperdiet.
|
|
|
79 |
Fusce dignissim porta augue. Nulla vestibulum. Integer lorem nunc,
|
|
|
80 |
ullamcorper a, commodo ac, malesuada sed, dolor. Aenean id mi in massa
|
|
|
81 |
bibendum suscipit. Integer eros. Nullam suscipit mauris. In pellentesque.
|
|
|
82 |
Mauris ipsum est, pharetra semper, pharetra in, viverra quis, tellus. Etiam
|
|
|
83 |
purus. Quisque egestas, tortor ac cursus lacinia, felis leo adipiscing
|
|
|
84 |
nisi, et rhoncus elit dolor eget eros. Fusce ut quam. Suspendisse eleifend
|
|
|
85 |
leo vitae ligula. Nulla facilisi. Nulla rutrum, erat vitae lacinia dictum,
|
|
|
86 |
pede purus imperdiet lacus, ut semper velit ante id metus. Praesent massa
|
|
|
87 |
dolor, porttitor sed, pulvinar in, consequat ut, leo. Nullam nec est.
|
|
|
88 |
Aenean id risus blandit tortor pharetra congue. Suspendisse pulvinar.
|
|
|
89 |
</p>
|
|
|
90 |
<p>
|
|
|
91 |
Vestibulum convallis eros ac justo. Proin dolor. Etiam aliquam. Nam ornare
|
|
|
92 |
elit vel augue. Suspendisse potenti. Etiam sed mauris eu neque nonummy
|
|
|
93 |
mollis. Vestibulum vel purus ac pede semper accumsan. Vivamus lobortis, sem
|
|
|
94 |
vitae nonummy lacinia, nisl est gravida magna, non cursus est quam sed
|
|
|
95 |
urna. Phasellus adipiscing justo in ipsum. Duis sagittis dolor sit amet
|
|
|
96 |
magna. Suspendisse suscipit, neque eu dictum auctor, nisi augue tincidunt
|
|
|
97 |
arcu, non lacinia magna purus nec magna. Praesent pretium sollicitudin
|
|
|
98 |
sapien. Suspendisse imperdiet. Class aptent taciti sociosqu ad litora
|
|
|
99 |
torquent per conubia nostra, per inceptos hymenaeos.
|
|
|
100 |
</p>
|
|
|
101 |
<p>
|
|
|
102 |
Mauris pharetra lorem sit amet sapien. Nulla libero metus, tristique et,
|
|
|
103 |
dignissim a, tempus et, metus. Ut libero. Vivamus tempus purus vel ipsum.
|
|
|
104 |
Quisque mauris urna, vestibulum commodo, rutrum vitae, ultrices vitae,
|
|
|
105 |
nisl. Class aptent taciti sociosqu ad litora torquent per conubia nostra,
|
|
|
106 |
per inceptos hymenaeos. Nulla id erat sit amet odio luctus eleifend. Proin
|
|
|
107 |
massa libero, ultricies non, tincidunt a, vestibulum non, tellus. Nunc nunc
|
|
|
108 |
purus, lobortis a, pulvinar at, egestas a, mi. Cras adipiscing velit a
|
|
|
109 |
mauris. Morbi felis. Etiam at felis. Cras eget eros et justo mattis
|
|
|
110 |
pulvinar. Nullam at justo id risus porttitor dignissim. Vestibulum sed
|
|
|
111 |
velit vel metus tincidunt tempus. Nunc euismod nisl id dolor tristique
|
|
|
112 |
tincidunt. Nullam placerat turpis sed odio. Curabitur in est id nibh tempus
|
|
|
113 |
ultrices. Aliquam consectetuer dapibus eros. Aliquam nisl.
|
|
|
114 |
</p>
|
|
|
115 |
<p>
|
|
|
116 |
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean semper
|
|
|
117 |
sagittis velit. Cras in mi. Duis porta mauris ut ligula. Proin porta rutrum
|
|
|
118 |
lacus. Etiam consequat scelerisque quam. Nulla facilisi. Maecenas luctus
|
|
|
119 |
venenatis nulla. In sit amet dui non mi semper iaculis. Sed molestie
|
|
|
120 |
tortor at ipsum. Morbi dictum rutrum magna. Sed vitae risus.
|
|
|
121 |
</p>
|
|
|
122 |
<p>
|
|
|
123 |
Aliquam vitae enim. Duis scelerisque metus auctor est venenatis imperdiet.
|
|
|
124 |
Fusce dignissim porta augue. Nulla vestibulum. Integer lorem nunc,
|
|
|
125 |
ullamcorper a, commodo ac, malesuada sed, dolor. Aenean id mi in massa
|
|
|
126 |
bibendum suscipit. Integer eros. Nullam suscipit mauris. In pellentesque.
|
|
|
127 |
Mauris ipsum est, pharetra semper, pharetra in, viverra quis, tellus. Etiam
|
|
|
128 |
purus. Quisque egestas, tortor ac cursus lacinia, felis leo adipiscing
|
|
|
129 |
nisi, et rhoncus elit dolor eget eros. Fusce ut quam. Suspendisse eleifend
|
|
|
130 |
leo vitae ligula. Nulla facilisi. Nulla rutrum, erat vitae lacinia dictum,
|
|
|
131 |
pede purus imperdiet lacus, ut semper velit ante id metus. Praesent massa
|
|
|
132 |
dolor, porttitor sed, pulvinar in, consequat ut, leo. Nullam nec est.
|
|
|
133 |
Aenean id risus blandit tortor pharetra congue. Suspendisse pulvinar.
|
|
|
134 |
</p>
|
|
|
135 |
<p>
|
|
|
136 |
Vestibulum convallis eros ac justo. Proin dolor. Etiam aliquam. Nam ornare
|
|
|
137 |
elit vel augue. Suspendisse potenti. Etiam sed mauris eu neque nonummy
|
|
|
138 |
mollis. Vestibulum vel purus ac pede semper accumsan. Vivamus lobortis, sem
|
|
|
139 |
vitae nonummy lacinia, nisl est gravida magna, non cursus est quam sed
|
|
|
140 |
urna. Phasellus adipiscing justo in ipsum. Duis sagittis dolor sit amet
|
|
|
141 |
magna. Suspendisse suscipit, neque eu dictum auctor, nisi augue tincidunt
|
|
|
142 |
arcu, non lacinia magna purus nec magna. Praesent pretium sollicitudin
|
|
|
143 |
sapien. Suspendisse imperdiet. Class aptent taciti sociosqu ad litora
|
|
|
144 |
torquent per conubia nostra, per inceptos hymenaeos.
|
|
|
145 |
</p>
|
|
|
146 |
</body>
|
|
|
147 |
</html>
|