Two simple methods for navigating long documents Frequently documents imported from word contain many pages all rolled into one large HTML file. To keep web pages to a manageable length you can divide long documents into separate pages and apply links to and from each page. There are many ways of doing this. These examples demonstrate, amongst their more general page design features, two simple methods of navigating your way around documents.
Example 1. The next page method
This example uses a text style to permit a user to easily navigate to the next or previous page in a document set. The next button on the bottom right of this document was created using the "Button" option in the style drop down list of the editor and then applying a link to the next document in the set. The previous button can be created the same way or, as in the example below, you can use javascript to navigate to the previous page, regardless of the document set.
This example is a little more complex but very useful. It uses a simple drop down list that permits a user to quickly navigate to specific sections of a long document. The drop-down box and anchors were created using the anchor and selection field buttons of the editor. For this method to work you will need to add an onchange event to the select tag in the HTML source, such as the event used in this example.
Select destination:
For a detailed understanding of the methods used to create these links please review the document set in the Kaboodle editor.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer vel augue a neque accumsan mattis. Donec consequat erat in lectus. Proin vitae dui. Cras vel arcu vitae dui auctor luctus. Fusce at purus et mauris ultricies cursus. Donec auctor placerat diam. Donec dignissim purus ut magna. Mauris scelerisque dictum odio. Phasellus porttitor, velit eu aliquam gravida, nulla nulla malesuada nunc, in ullamcorper nibh sem id nulla. Etiam ultricies. Fusce iaculis justo sed urna. Suspendisse et eros. Sed sem. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla vitae velit vestibulum velit luctus tempus. Cras in urna. Morbi aliquet mattis tortor. Sed eget magna ac leo laoreet eleifend.
Quisque semper. Morbi facilisis tempus nunc. Maecenas viverra, sapien a blandit aliquam, nibh tellus tempor nunc, ut tincidunt turpis nisl ac mauris. Morbi tortor lacus, tristique aliquet, consequat nec, pharetra at, pede. Maecenas vehicula fermentum nulla. Donec leo. Proin sollicitudin nibh mollis lorem. Nullam in arcu a sapien ornare tempus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum erat. Suspendisse sodales rutrum nulla.
Nulla nulla diam, gravida ut, cursus tempor, mollis porttitor, libero. Pellentesque malesuada odio sed lacus. Nunc ipsum enim, ornare id, vehicula nec, convallis eget, purus. Suspendisse vel risus. Pellentesque lectus augue, interdum vitae, placerat vel, fringilla vel, mauris. Praesent erat risus, iaculis at, consequat sit amet, congue id, augue. Suspendisse justo nunc, dictum ut, venenatis eget, interdum vitae, ante. In neque massa, imperdiet at, sagittis quis, ultrices consectetuer, lectus. Proin est quam, eleifend dignissim, ornare ut, dapibus nec, purus. Donec erat sem, auctor vel, facilisis nec, posuere sit amet, ipsum. Fusce tincidunt massa sed ante. Nullam vel urna. Donec in nisl. Curabitur id turpis.
Nam tempor. Nullam at augue. Aliquam vel tortor a tortor nonummy scelerisque. Duis tincidunt est ut ipsum. In sit amet ipsum. Ut ligula dolor, consequat ac, pharetra mattis, feugiat nec, lacus. Proin accumsan ornare felis. Sed non arcu. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer rutrum. Nulla tincidunt. Suspendisse venenatis sagittis metus. Vivamus lacus. Praesent imperdiet neque at massa. Sed pellentesque cursus enim. Etiam facilisis mi at nunc. In nibh. Morbi placerat fermentum mi. Donec pretium sollicitudin orci.
Lorem Ipsum
Nulla et ligula quis purus placerat facilisis. Proin hendrerit, massa gravida suscipit pulvinar, mi urna interdum libero, ut elementum nisi magna eu eros. Integer sit amet libero. Donec quis sapien sit amet erat sodales laoreet. Morbi at eros. Fusce nisi odio, mollis id, placerat sit amet, rhoncus non, purus. Nam eget nisi. Nunc mauris justo, convallis ornare, viverra eget, iaculis sit amet, felis. Nunc auctor pellentesque nulla. Morbi pretium tincidunt erat. Suspendisse potenti. Aenean aliquet, sapien rhoncus semper ornare, neque purus volutpat orci, sit amet volutpat quam erat vel lorem. Duis dui dui, facilisis vel, convallis in, fringilla vitae, nunc. Nullam sollicitudin mollis neque. Maecenas accumsan consectetuer dolor. Donec id est. Praesent et neque. In dui mauris, scelerisque scelerisque, aliquet nec, sodales sit amet, nisl. Maecenas vel est. Nunc ipsum massa, volutpat sed, tincidunt sed, sollicitudin id, arcu.
The Clock Hotel launches new site on Kaboodle
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer vel augue a neque accumsan mattis. Donec consequat erat in lectus. Proin vitae dui. Cras vel arcu vitae dui auctor luctus. Fusce at purus et mauris ultricies cursus. Donec auctor placerat diam. Donec dignissim purus ut magna. Mauris scelerisque dictum odio. Phasellus porttitor, velit eu aliquam gravida, nulla nulla malesuada nunc, in ullamcorper nibh sem id nulla. Etiam ultricies. Fusce iaculis justo sed urna. Suspendisse et eros. Sed sem. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla vitae velit vestibulum velit luctus tempus. Cras in urna. Morbi aliquet mattis tortor. Sed eget magna ac leo laoreet eleifend.