source: Dev/trunk/src/client/dijit/tests/test_TooltipDialog.html @ 532

Last change on this file since 532 was 483, checked in by hendrikvanantwerpen, 11 years ago

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