1 | <!DOCTYPE html> |
---|
2 | <html> |
---|
3 | <head> |
---|
4 | <meta http-equiv="Content-type" content="text/html; charset=utf-8"> |
---|
5 | <title>TooltipDialog Widget Tests</title> |
---|
6 | |
---|
7 | <style type="text/css"> |
---|
8 | @import "../themes/claro/document.css"; |
---|
9 | @import "css/dijitTests.css"; |
---|
10 | |
---|
11 | body { font-family : sans-serif; } |
---|
12 | form { margin-bottom : 0; } |
---|
13 | table { border: none; } |
---|
14 | .claro .tooltipLink .dijitButtonNode, |
---|
15 | .claro .tooltipLink .dijitButtonNode .dijitDropDownButtonHover, |
---|
16 | .claro .buttonLink .dijitButtonNode, |
---|
17 | .claro .buttonLink .dijitButtonHover .dijitButtonNode { |
---|
18 | background: none !important; |
---|
19 | border:none; |
---|
20 | } |
---|
21 | .claro .tooltipLink .dijitArrowButtonInner { |
---|
22 | display:none; |
---|
23 | } |
---|
24 | .claro .tooltipLink button, |
---|
25 | .claro .tooltipLink button .dijitButtonText, |
---|
26 | .claro .buttonLink button .dijitButtonText { |
---|
27 | text-decoration:underline !important; |
---|
28 | color:blue; |
---|
29 | display:inline; |
---|
30 | } |
---|
31 | </style> |
---|
32 | |
---|
33 | <!-- required: a default dijit theme: --> |
---|
34 | <link id="themeStyles" rel="stylesheet" href="../../dijit/themes/claro/claro.css"/> |
---|
35 | |
---|
36 | <!-- required: dojo.js --> |
---|
37 | <script type="text/javascript" src="../../dojo/dojo.js" |
---|
38 | data-dojo-config="isDebug: true"></script> |
---|
39 | |
---|
40 | <!-- not needed, for testing alternate themes --> |
---|
41 | <script type="text/javascript" src="_testCommon.js"></script> |
---|
42 | |
---|
43 | <script type="text/javascript"> |
---|
44 | dojo.require("dijit._Widget"); |
---|
45 | dojo.require("dijit._TemplatedMixin"); |
---|
46 | |
---|
47 | dojo.require("dijit.TooltipDialog"); |
---|
48 | dojo.require("dijit.form.DropDownButton"); |
---|
49 | |
---|
50 | dojo.require("dijit.form.TextBox"); |
---|
51 | dojo.require("dijit.form.DateTextBox"); |
---|
52 | dojo.require("dijit.form.TimeTextBox"); |
---|
53 | dojo.require("dijit.form.FilteringSelect"); |
---|
54 | dojo.require("dijit.form.Select"); |
---|
55 | |
---|
56 | dojo.require("dijit.layout.TabContainer"); |
---|
57 | dojo.require("dijit.InlineEditBox"); |
---|
58 | |
---|
59 | dojo.require("dijit.Menu"); |
---|
60 | dojo.require("dijit.MenuItem"); |
---|
61 | dojo.require("dijit.PopupMenuItem"); |
---|
62 | dojo.require("dijit.MenuSeparator"); |
---|
63 | |
---|
64 | dojo.require("dojo.parser"); |
---|
65 | |
---|
66 | // make dojo.toJson() print dates correctly (this feels a bit dirty) |
---|
67 | Date.prototype.json = function(){ return dojo.date.stamp.toISOString(this, {selector: 'date'});}; |
---|
68 | |
---|
69 | dojo.ready(function(){ |
---|
70 | // create a do nothing, only for test widget |
---|
71 | dojo.declare("dijit.TestWidget", |
---|
72 | [dijit._Widget, dijit._TemplatedMixin], { |
---|
73 | templateString: "<div style='margin: 10px; border: inset #700 4px; padding: 5px;' dojoAttachPoint='containerNode'></div>" |
---|
74 | }); |
---|
75 | |
---|
76 | // scan page for widgets and instantiate them |
---|
77 | dojo.parser.parse(); |
---|
78 | |
---|
79 | // Nested TooltipDialog that contains a nested Menu |
---|
80 | var innerTtDialog = new dijit.TooltipDialog({ |
---|
81 | id: "innerTtDialog", |
---|
82 | content: |
---|
83 | '<div dojoType="dijit.Menu" id="navMenu"><div dojoType="dijit.MenuItem" iconClass="dijitEditorIcon dijitEditorIconCut" >Drama</div><div dojoType="dijit.MenuItem" iconClass="dijitEditorIcon dijitEditorIconCopy" >Comedy</div><div dojoType="dijit.MenuItem" iconClass="dijitEditorIcon dijitEditorIconPaste" >Romance</div><div dojoType="dijit.MenuSeparator"></div><div dojoType="dijit.PopupMenuItem" id="popupMenuItem"><span>Action</span><div dojoType="dijit.Menu" id="submenu"><div dojoType="dijit.MenuItem">Diehard</div><div dojoType="dijit.MenuItem">Indiana Jones</div></div></div></div>' |
---|
84 | + '<label for="name">Name:</label> <input dojoType="dijit.form.TextBox" id="name" name="name"><br>' |
---|
85 | + '<label for="hobby">Hobby:</label> <input dojoType="dijit.form.TextBox" id="hobby" name="hobby"><br>' |
---|
86 | + '<button dojoType="dijit.form.Button" type="button">Save</button>' |
---|
87 | + '<div id="plaintext">plain text</div>' |
---|
88 | }); |
---|
89 | |
---|
90 | var innerDdBtn = new dijit.form.DropDownButton({ |
---|
91 | id: "innerDdBtn", |
---|
92 | label: "Inner TooltipDialog (innerTtDialog)", |
---|
93 | dropDown: innerTtDialog |
---|
94 | }); |
---|
95 | |
---|
96 | var ddDialogCp = new dijit.layout.ContentPane({ |
---|
97 | id: "ddDialogCp", |
---|
98 | title: '', |
---|
99 | refreshOnShow: true |
---|
100 | }); |
---|
101 | ddDialogCp.startup(); |
---|
102 | ddDialogCp.set("content", innerDdBtn); |
---|
103 | |
---|
104 | var outerTtDialog = new dijit.TooltipDialog({ |
---|
105 | id: "outerTtDialog", |
---|
106 | content:ddDialogCp |
---|
107 | }); |
---|
108 | |
---|
109 | var launcherBtn = new dijit.form.DropDownButton({ |
---|
110 | id: "outerDdBtn", |
---|
111 | label: "Nested TooltipDialog (ttDialog)", |
---|
112 | dropDown: outerTtDialog |
---|
113 | }); |
---|
114 | |
---|
115 | dojo.byId("dropdownButtonContainer").appendChild(launcherBtn.domNode); |
---|
116 | }); |
---|
117 | </script> |
---|
118 | </head> |
---|
119 | <body class="claro"> |
---|
120 | |
---|
121 | <h1 class="testTitle">dijit.TooltipDialog tests</h1> |
---|
122 | |
---|
123 | <div id="tooltipDlgButton" data-dojo-type="dijit.form.DropDownButton" > |
---|
124 | <span>Show Tooltip Dialog</span> |
---|
125 | <div id="tooltipDlg" data-dojo-type="dijit.TooltipDialog" data-dojo-props='title:"Enter Login information"'> |
---|
126 | <table> |
---|
127 | <tr> |
---|
128 | <td><label>InlineEditBox:</label></td> |
---|
129 | <td><div id="inline" data-dojo-type=dijit.InlineEditBox data-dojo-props='editorParams:{type:"text", name:"inline"}'>inline</div></td> |
---|
130 | </tr> |
---|
131 | <tr> |
---|
132 | <td><label for="text">TextBox:</label></td> |
---|
133 | <td><input id="text" data-dojo-type=dijit.form.TextBox data-dojo-props='name:"text" '/></td> |
---|
134 | </tr> |
---|
135 | <tr> |
---|
136 | <td><label for="date2">Date:</label></td> |
---|
137 | <td><input id="date2" data-dojo-type=dijit.form.DateTextBox data-dojo-props='name:"date" '/></td> |
---|
138 | </tr> |
---|
139 | <tr> |
---|
140 | <td><label for="time2">Time:</label></td> |
---|
141 | <td><input id="time2" data-dojo-type=dijit.form.TimeTextBox data-dojo-props='name:"time" '/></td> |
---|
142 | </tr> |
---|
143 | <tr> |
---|
144 | <td><label for="combo">FilteringSelect:</label></td> |
---|
145 | <td> |
---|
146 | <select id="combo" data-dojo-type=dijit.form.FilteringSelect data-dojo-props='name:"combo", hasDownArrow:true'> |
---|
147 | <option value="cheese">cheese</option> |
---|
148 | <option value="pepperoni">pepperoni</option> |
---|
149 | <option value="sausage">sausage</option> |
---|
150 | </select> |
---|
151 | </td> |
---|
152 | </tr> |
---|
153 | <tr> |
---|
154 | <td><label for="select">Select:</label></td> |
---|
155 | <td> |
---|
156 | <select id="select" data-dojo-type=dijit.form.Select data-dojo-props='name:"select" '> |
---|
157 | <option value="olives">olives</option> |
---|
158 | <option value="peppers">peppers</option> |
---|
159 | <option value="tomatoes">tomatoes</option> |
---|
160 | </select> |
---|
161 | </td> |
---|
162 | </tr> |
---|
163 | <tr> |
---|
164 | <td colspan="2" style="text-align:center;"> |
---|
165 | <button id="submit" data-dojo-type=dijit.form.Button data-dojo-props='type:"submit", name:"submit" '>Order</button> |
---|
166 | </td> |
---|
167 | </tr> |
---|
168 | </table> |
---|
169 | <div style="width: 300px;">Note: This tooltip dialog has a bunch of nested drop downs for testing keyboard and click handling</div> |
---|
170 | </div> |
---|
171 | </div> | |
---|
172 | |
---|
173 | <div data-dojo-type="dijit.form.DropDownButton"> |
---|
174 | <span>Show Tooltip Dialog with TabContainer</span> |
---|
175 | <div id="tabTooltip" data-dojo-type="dijit.TooltipDialog" data-dojo-props='title:"Tab Container Tooltip"'> |
---|
176 | <div data-dojo-type="dijit.layout.TabContainer" data-dojo-props='style:"width: 400px; height: 300px;"'> |
---|
177 | <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props='title:"First tab"'> |
---|
178 | <p> |
---|
179 | This is the first tab. |
---|
180 | </p> |
---|
181 | <p> |
---|
182 | Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean |
---|
183 | semper sagittis velit. Cras in mi. Duis porta mauris ut ligula. Proin |
---|
184 | porta rutrum lacus. Etiam consequat scelerisque quam. Nulla facilisi. |
---|
185 | Maecenas luctus venenatis nulla. In sit amet dui non mi semper iaculis. |
---|
186 | Sed molestie tortor at ipsum. Morbi dictum rutrum magna. Sed vitae |
---|
187 | risus. |
---|
188 | </p> |
---|
189 | </div> |
---|
190 | <div data-dojo-type="dijit.layout.ContentPane" data-dojo-props='title:"Second tab"'> |
---|
191 | <p> |
---|
192 | This is the second tab. |
---|
193 | </p> |
---|
194 | <p> |
---|
195 | <a href="http://www.lipsum.com/">ipsum dolor sit amet</a>, consectetuer adipiscing elit. Aenean |
---|
196 | semper sagittis velit. Cras in mi. Duis porta mauris ut ligula. Proin |
---|
197 | porta rutrum lacus. Etiam consequat scelerisque quam. Nulla facilisi. |
---|
198 | Maecenas luctus venenatis nulla. In sit amet dui non mi semper iaculis. |
---|
199 | Sed molestie tortor at ipsum. Morbi dictum rutrum magna. Sed vitae |
---|
200 | risus. |
---|
201 | </p> |
---|
202 | </div> |
---|
203 | </div> |
---|
204 | </div> |
---|
205 | </div> | |
---|
206 | |
---|
207 | <div id="slowLoadButton" data-dojo-type="dijit.form.DropDownButton"> |
---|
208 | <span>Test slowloading HREF Tooltip Dialog</span> |
---|
209 | <div id="slowLoad" data-dojo-type="dijit.TooltipDialog" data-dojo-props='href:"layout/getResponse.php?delay=500&messId=2", |
---|
210 | title:"tooltip dialog with no focusable items"'></div> |
---|
211 | </div> | |
---|
212 | |
---|
213 | <div data-dojo-type="dijit.form.DropDownButton" data-dojo-props='"class":"tooltipLink"'> |
---|
214 | <span>What is this?</span> |
---|
215 | <div id="tooltipHelpDlg" data-dojo-type="dijit.TooltipDialog" data-dojo-props='title:"Test Dialog tooltip", style:"width:350px" '> |
---|
216 | <div data-dojo-type="dijit.form.Button" data-dojo-props='"class":"buttonLink", style:"float:right;font-size:x-small", title:"close", tabIndex:"0" '>[close] |
---|
217 | <script type="dojo/method" data-dojo-event="onClick"> |
---|
218 | dijit.byId('tooltipHelpDlg').onCancel(); |
---|
219 | </script> |
---|
220 | </div> |
---|
221 | <div role="alert" style="margin-top:1em"> |
---|
222 | <strong>Important!</strong> This is a tooltip dialog with just text! It could be used |
---|
223 | to provide help. It will stay open until the user explicitly closes it via pressing escape, clicking [close] or by |
---|
224 | clicking somewhere else on the page. To make certain a screen reader will speak this text (at least in Firefox 3), |
---|
225 | the div containing the text was given an |
---|
226 | <a href="http://www.w3.org/WAI/PF/aria/">ARIA</a> role of alert. In the future the tooltip |
---|
227 | dialog may be given a role of alertdialog. |
---|
228 | </div> |
---|
229 | |
---|
230 | </div> |
---|
231 | </div> |
---|
232 | |
---|
233 | <span id="dropdownButtonContainer"> |
---|
234 | <!-- programatically created nested TooltipDialog will be placed here --> |
---|
235 | </span> |
---|
236 | |
---|
237 | <p><b><i>(scroll down to see more links to click, for testing positioning / scroll handling)</i></b></p> |
---|
238 | |
---|
239 | <p>Aliquam vitae enim. Duis scelerisque metus auctor est venenatis |
---|
240 | imperdiet. Fusce dignissim porta augue. Nulla vestibulum. Integer lorem |
---|
241 | nunc, ullamcorper a, commodo ac, malesuada sed, dolor. Aenean id mi in |
---|
242 | massa bibendum suscipit. Integer eros. Nullam suscipit mauris. In |
---|
243 | pellentesque. Mauris ipsum est, pharetra semper, pharetra in, viverra |
---|
244 | quis, tellus. Etiam purus. Quisque egestas, tortor ac cursus lacinia, |
---|
245 | felis leo adipiscing nisi, et rhoncus elit dolor eget eros. Fusce ut |
---|
246 | quam. Suspendisse eleifend leo vitae ligula. Nulla facilisi. Nulla |
---|
247 | rutrum, erat vitae lacinia dictum, pede purus imperdiet lacus, ut |
---|
248 | semper velit ante id metus. Praesent massa dolor, porttitor sed, |
---|
249 | pulvinar in, consequat ut, leo. Nullam nec est. Aenean id risus blandit |
---|
250 | tortor pharetra congue. Suspendisse pulvinar. |
---|
251 | </p> |
---|
252 | <p>Vestibulum convallis eros ac justo. Proin dolor. Etiam aliquam. Nam |
---|
253 | ornare elit vel augue. Suspendisse potenti. Etiam sed mauris eu neque |
---|
254 | nonummy mollis. Vestibulum vel purus ac pede semper accumsan. Vivamus |
---|
255 | lobortis, sem vitae nonummy lacinia, nisl est gravida magna, non cursus |
---|
256 | est quam sed urna. Phasellus adipiscing justo in ipsum. Duis sagittis |
---|
257 | dolor sit amet magna. Suspendisse suscipit, neque eu dictum auctor, |
---|
258 | nisi augue tincidunt arcu, non lacinia magna purus nec magna. Praesent |
---|
259 | pretium sollicitudin sapien. Suspendisse imperdiet. Class aptent taciti |
---|
260 | sociosqu ad litora torquent per conubia nostra, per inceptos |
---|
261 | hymenaeos. |
---|
262 | </p> |
---|
263 | <form> |
---|
264 | <div style="text-align:center;"> |
---|
265 | <select> |
---|
266 | <option>1</option> |
---|
267 | <option>2</option> |
---|
268 | </select> |
---|
269 | </div> |
---|
270 | </form> |
---|
271 | <p>Mauris pharetra lorem sit amet sapien. Nulla libero metus, tristique |
---|
272 | et, dignissim a, tempus et, metus. Ut libero. Vivamus tempus purus vel |
---|
273 | ipsum. Quisque mauris urna, vestibulum commodo, rutrum vitae, ultrices |
---|
274 | vitae, nisl. Class aptent taciti sociosqu ad litora torquent per |
---|
275 | conubia nostra, per inceptos hymenaeos. Nulla id erat sit amet odio |
---|
276 | luctus eleifend. Proin massa libero, ultricies non, tincidunt a, |
---|
277 | vestibulum non, tellus. Nunc nunc purus, lobortis a, pulvinar at, |
---|
278 | egestas a, mi. Cras adipiscing velit a mauris. Morbi felis. Etiam at |
---|
279 | felis. Cras eget eros et justo mattis pulvinar. Nullam at justo id |
---|
280 | risus porttitor dignissim. Vestibulum sed velit vel metus tincidunt |
---|
281 | tempus. Nunc euismod nisl id dolor tristique tincidunt. Nullam placerat |
---|
282 | turpis sed odio. Curabitur in est id nibh tempus ultrices. Aliquam |
---|
283 | consectetuer dapibus eros. Aliquam nisl. |
---|
284 | </p> |
---|
285 | <div data-dojo-type="dijit.form.DropDownButton" data-dojo-props='style:"float:right;clear:right;" '> |
---|
286 | <span>dropdown at right</span> |
---|
287 | <div id="dialogright" data-dojo-type="dijit.TooltipDialog" > |
---|
288 | <div style="white-space:nowrap;">Aliquam vitae enim. Duis scelerisque metus auctor est venenatis</div> |
---|
289 | </div> |
---|
290 | </div> |
---|
291 | <p> |
---|
292 | Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean |
---|
293 | semper sagittis velit. Cras in mi. Duis porta mauris ut ligula. Proin |
---|
294 | porta rutrum lacus. Etiam consequat scelerisque quam. Nulla facilisi. |
---|
295 | Maecenas luctus venenatis nulla. In sit amet dui non mi semper iaculis. |
---|
296 | Sed molestie tortor at ipsum. Morbi dictum rutrum magna. Sed vitae |
---|
297 | risus. |
---|
298 | </p> |
---|
299 | <p>Aliquam vitae enim. Duis scelerisque metus auctor est venenatis |
---|
300 | imperdiet. Fusce dignissim porta augue. Nulla vestibulum. Integer lorem |
---|
301 | nunc, ullamcorper a, commodo ac, malesuada sed, dolor. Aenean id mi in |
---|
302 | massa bibendum suscipit. Integer eros. Nullam suscipit mauris. In |
---|
303 | pellentesque. Mauris ipsum est, pharetra semper, pharetra in, viverra |
---|
304 | quis, tellus. Etiam purus. Quisque egestas, tortor ac cursus lacinia, |
---|
305 | felis leo adipiscing nisi, et rhoncus elit dolor eget eros. Fusce ut |
---|
306 | quam. Suspendisse eleifend leo vitae ligula. Nulla facilisi. Nulla |
---|
307 | rutrum, erat vitae lacinia dictum, pede purus imperdiet lacus, ut |
---|
308 | semper velit ante id metus. Praesent massa dolor, porttitor sed, |
---|
309 | pulvinar in, consequat ut, leo. Nullam nec est. Aenean id risus blandit |
---|
310 | tortor pharetra congue. Suspendisse pulvinar. |
---|
311 | </p> |
---|
312 | |
---|
313 | <div data-dojo-type="dijit.form.DropDownButton" data-dojo-props='title:"Enter Login information2"'> |
---|
314 | <span>Show Tooltip Dialog pointing upwards, with links</span> |
---|
315 | <div data-dojo-type="dijit.TooltipDialog" data-dojo-props='title:"General Information Dialog"'> |
---|
316 | <p>Vestibulum convallis eros ac justo. Proin dolor. Etiam aliquam. Nam |
---|
317 | ornare elit vel augue. Suspendisse potenti. Etiam sed mauris eu neque |
---|
318 | nonummy mollis. <a href="http://www.lipsum.com/">Vestibulum</a> vel purus ac pede semper accumsan. Vivamus |
---|
319 | lobortis, sem vitae nonummy lacinia, nisl est gravida magna, non cursus |
---|
320 | est quam sed urna. Phasellus adipiscing justo in <a href="http://www.lipsum.com/">ipsum</a>. Duis sagittis |
---|
321 | dolor sit amet magna. Suspendisse suscipit, neque eu dictum auctor, |
---|
322 | nisi augue tincidunt arcu, non lacinia magna purus nec magna. Praesent |
---|
323 | pretium sollicitudin sapien. <a href="http://www.lipsum.com/">Suspendisse imperdiet</a>. Class aptent taciti |
---|
324 | sociosqu ad litora torquent per conubia nostra, per inceptos |
---|
325 | hymenaeos. |
---|
326 | </p> |
---|
327 | </div> |
---|
328 | </div> |
---|
329 | (will go up if there isn't enough space on the bottom of the screen) |
---|
330 | |
---|
331 | <p>Vestibulum convallis eros ac justo. Proin dolor. Etiam aliquam. Nam |
---|
332 | ornare elit vel augue. Suspendisse potenti. Etiam sed mauris eu neque |
---|
333 | nonummy mollis. Vestibulum vel purus ac pede semper accumsan. Vivamus |
---|
334 | lobortis, sem vitae nonummy lacinia, nisl est gravida magna, non cursus |
---|
335 | est quam sed urna. Phasellus adipiscing justo in ipsum. Duis sagittis |
---|
336 | dolor sit amet magna. Suspendisse suscipit, neque eu dictum auctor, |
---|
337 | nisi augue tincidunt arcu, non lacinia magna purus nec magna. Praesent |
---|
338 | pretium sollicitudin sapien. Suspendisse imperdiet. Class aptent taciti |
---|
339 | sociosqu ad litora torquent per conubia nostra, per inceptos |
---|
340 | hymenaeos. |
---|
341 | </p> |
---|
342 | <form> |
---|
343 | <div style="text-align:center;"> |
---|
344 | <select> |
---|
345 | <option>1</option> |
---|
346 | <option>2</option> |
---|
347 | </select> |
---|
348 | </div> |
---|
349 | </form> |
---|
350 | <p>Mauris pharetra lorem sit amet sapien. Nulla libero metus, tristique |
---|
351 | et, dignissim a, tempus et, metus. Ut libero. Vivamus tempus purus vel |
---|
352 | ipsum. Quisque mauris urna, vestibulum commodo, rutrum vitae, ultrices |
---|
353 | vitae, nisl. Class aptent taciti sociosqu ad litora torquent per |
---|
354 | conubia nostra, per inceptos hymenaeos. Nulla id erat sit amet odio |
---|
355 | luctus eleifend. Proin massa libero, ultricies non, tincidunt a, |
---|
356 | vestibulum non, tellus. Nunc nunc purus, lobortis a, pulvinar at, |
---|
357 | egestas a, mi. Cras adipiscing velit a mauris. Morbi felis. Etiam at |
---|
358 | felis. Cras eget eros et justo mattis pulvinar. Nullam at justo id |
---|
359 | risus porttitor dignissim. Vestibulum sed velit vel metus tincidunt |
---|
360 | tempus. Nunc euismod nisl id dolor tristique tincidunt. Nullam placerat |
---|
361 | turpis sed odio. Curabitur in est id nibh tempus ultrices. Aliquam |
---|
362 | consectetuer dapibus eros. Aliquam nisl. |
---|
363 | </p> |
---|
364 | <p> |
---|
365 | Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean |
---|
366 | semper sagittis velit. Cras in mi. Duis porta mauris ut ligula. Proin |
---|
367 | porta rutrum lacus. Etiam consequat scelerisque quam. Nulla facilisi. |
---|
368 | Maecenas luctus venenatis nulla. In sit amet dui non mi semper iaculis. |
---|
369 | Sed molestie tortor at ipsum. Morbi dictum rutrum magna. Sed vitae |
---|
370 | risus. |
---|
371 | </p> |
---|
372 | <p>Aliquam vitae enim. Duis scelerisque metus auctor est venenatis |
---|
373 | imperdiet. Fusce dignissim porta augue. Nulla vestibulum. Integer lorem |
---|
374 | nunc, ullamcorper a, commodo ac, malesuada sed, dolor. Aenean id mi in |
---|
375 | massa bibendum suscipit. Integer eros. Nullam suscipit mauris. In |
---|
376 | pellentesque. Mauris ipsum est, pharetra semper, pharetra in, viverra |
---|
377 | quis, tellus. Etiam purus. Quisque egestas, tortor ac cursus lacinia, |
---|
378 | felis leo adipiscing nisi, et rhoncus elit dolor eget eros. Fusce ut |
---|
379 | quam. Suspendisse eleifend leo vitae ligula. Nulla facilisi. Nulla |
---|
380 | rutrum, erat vitae lacinia dictum, pede purus imperdiet lacus, ut |
---|
381 | semper velit ante id metus. Praesent massa dolor, porttitor sed, |
---|
382 | pulvinar in, consequat ut, leo. Nullam nec est. Aenean id risus blandit |
---|
383 | tortor pharetra congue. Suspendisse pulvinar. |
---|
384 | </p> |
---|
385 | <p>Vestibulum convallis eros ac justo. Proin dolor. Etiam aliquam. Nam |
---|
386 | ornare elit vel augue. Suspendisse potenti. Etiam sed mauris eu neque |
---|
387 | nonummy mollis. Vestibulum vel purus ac pede semper accumsan. Vivamus |
---|
388 | lobortis, sem vitae nonummy lacinia, nisl est gravida magna, non cursus |
---|
389 | est quam sed urna. Phasellus adipiscing justo in ipsum. Duis sagittis |
---|
390 | dolor sit amet magna. Suspendisse suscipit, neque eu dictum auctor, |
---|
391 | nisi augue tincidunt arcu, non lacinia magna purus nec magna. Praesent |
---|
392 | pretium sollicitudin sapien. Suspendisse imperdiet. Class aptent taciti |
---|
393 | sociosqu ad litora torquent per conubia nostra, per inceptos |
---|
394 | hymenaeos. |
---|
395 | </p> |
---|
396 | <p>Mauris pharetra lorem sit amet sapien. Nulla libero metus, tristique |
---|
397 | et, dignissim a, tempus et, metus. Ut libero. Vivamus tempus purus vel |
---|
398 | ipsum. Quisque mauris urna, vestibulum commodo, rutrum vitae, ultrices |
---|
399 | vitae, nisl. Class aptent taciti sociosqu ad litora torquent per |
---|
400 | conubia nostra, per inceptos hymenaeos. Nulla id erat sit amet odio |
---|
401 | luctus eleifend. Proin massa libero, ultricies non, tincidunt a, |
---|
402 | vestibulum non, tellus. Nunc nunc purus, lobortis a, pulvinar at, |
---|
403 | egestas a, mi. Cras adipiscing velit a mauris. Morbi felis. Etiam at |
---|
404 | felis. Cras eget eros et justo mattis pulvinar. Nullam at justo id |
---|
405 | risus porttitor dignissim. Vestibulum sed velit vel metus tincidunt |
---|
406 | tempus. Nunc euismod nisl id dolor tristique tincidunt. Nullam placerat |
---|
407 | turpis sed odio. Curabitur in est id nibh tempus ultrices. Aliquam |
---|
408 | consectetuer dapibus eros. Aliquam nisl. |
---|
409 | </p> |
---|
410 | |
---|
411 | <p> |
---|
412 | Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean |
---|
413 | semper sagittis velit. Cras in mi. Duis porta mauris ut ligula. Proin |
---|
414 | porta rutrum lacus. Etiam consequat scelerisque quam. Nulla facilisi. |
---|
415 | Maecenas luctus venenatis nulla. In sit amet dui non mi semper iaculis. |
---|
416 | Sed molestie tortor at ipsum. Morbi dictum rutrum magna. Sed vitae |
---|
417 | risus. |
---|
418 | </p> |
---|
419 | <p>Aliquam vitae enim. Duis scelerisque metus auctor est venenatis |
---|
420 | imperdiet. Fusce dignissim porta augue. Nulla vestibulum. Integer lorem |
---|
421 | nunc, ullamcorper a, commodo ac, malesuada sed, dolor. Aenean id mi in |
---|
422 | massa bibendum suscipit. Integer eros. Nullam suscipit mauris. In |
---|
423 | pellentesque. Mauris ipsum est, pharetra semper, pharetra in, viverra |
---|
424 | quis, tellus. Etiam purus. Quisque egestas, tortor ac cursus lacinia, |
---|
425 | felis leo adipiscing nisi, et rhoncus elit dolor eget eros. Fusce ut |
---|
426 | quam. Suspendisse eleifend leo vitae ligula. Nulla facilisi. Nulla |
---|
427 | rutrum, erat vitae lacinia dictum, pede purus imperdiet lacus, ut |
---|
428 | semper velit ante id metus. Praesent massa dolor, porttitor sed, |
---|
429 | pulvinar in, consequat ut, leo. Nullam nec est. Aenean id risus blandit |
---|
430 | tortor pharetra congue. Suspendisse pulvinar. |
---|
431 | </p> |
---|
432 | <p>Vestibulum convallis eros ac justo. Proin dolor. Etiam aliquam. Nam |
---|
433 | ornare elit vel augue. Suspendisse potenti. Etiam sed mauris eu neque |
---|
434 | nonummy mollis. Vestibulum vel purus ac pede semper accumsan. Vivamus |
---|
435 | lobortis, sem vitae nonummy lacinia, nisl est gravida magna, non cursus |
---|
436 | est quam sed urna. Phasellus adipiscing justo in ipsum. Duis sagittis |
---|
437 | dolor sit amet magna. Suspendisse suscipit, neque eu dictum auctor, |
---|
438 | nisi augue tincidunt arcu, non lacinia magna purus nec magna. Praesent |
---|
439 | pretium sollicitudin sapien. Suspendisse imperdiet. Class aptent taciti |
---|
440 | sociosqu ad litora torquent per conubia nostra, per inceptos |
---|
441 | hymenaeos. |
---|
442 | </p> |
---|
443 | <p>Mauris pharetra lorem sit amet sapien. Nulla libero metus, tristique |
---|
444 | et, dignissim a, tempus et, metus. Ut libero. Vivamus tempus purus vel |
---|
445 | ipsum. Quisque mauris urna, vestibulum commodo, rutrum vitae, ultrices |
---|
446 | vitae, nisl. Class aptent taciti sociosqu ad litora torquent per |
---|
447 | conubia nostra, per inceptos hymenaeos. Nulla id erat sit amet odio |
---|
448 | luctus eleifend. Proin massa libero, ultricies non, tincidunt a, |
---|
449 | vestibulum non, tellus. Nunc nunc purus, lobortis a, pulvinar at, |
---|
450 | egestas a, mi. Cras adipiscing velit a mauris. Morbi felis. Etiam at |
---|
451 | felis. Cras eget eros et justo mattis pulvinar. Nullam at justo id |
---|
452 | risus porttitor dignissim. Vestibulum sed velit vel metus tincidunt |
---|
453 | tempus. Nunc euismod nisl id dolor tristique tincidunt. Nullam placerat |
---|
454 | turpis sed odio. Curabitur in est id nibh tempus ultrices. Aliquam |
---|
455 | consectetuer dapibus eros. Aliquam nisl. |
---|
456 | </p> |
---|
457 | |
---|
458 | </body> |
---|
459 | </html> |
---|