source: Dev/branches/rest-dojo-ui/client/dijit/tests/test_TooltipDialog.html @ 256

Last change on this file since 256 was 256, checked in by hendrikvanantwerpen, 13 years ago

Reworked project structure based on REST interaction and Dojo library. As
soon as this is stable, the old jQueryUI branch can be removed (it's
kept for reference).

File size: 21.2 KB
Line 
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&amp;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>
Note: See TracBrowser for help on using the repository browser.