Multi-Part Content script
Description: This great script enables long content on your page to be viewed in sequential view. It break up arbitrary content into multiple parts, viewable one part at a time. The script automatically creates the necessary "back" and "forward" link when needed. For browsers that don't support this script, everything simply appears all at once like normal. Very cool!
Browser support for this script are IE5+ and NS6+.
Demo: Try cycling through the contents below:
Step 1: Add the below script to the <HEAD> section of your page:
Step 2: It's now time to break apart your content into many parts! The procedure is as simple as it gets- simply wrap each part in a special <DIV> tag as shown below:
<div class="multiparts" style="display: block"> <p>Content 1 here</p> </div> <div class="multiparts"> <div>Content 2 here</div> </div> <div class="multiparts"> <table><td>Content 3</td></table> </div>
Notice how the first <DIV> tag contains a "style:block" declaration.
|This script should only
be used to break up content that
support division using <DIV> tags, for example, paragraphs,
images, entire tables etc. However, lets say you wish to break up
one table into multiple parts by doing:
<table> <div class="multiparts" style="display: block"> <tr> <td width="50%">Some text</td> </tr> </div> <div class="multiparts"> <tr> <td width="50%">Another text</td> </tr> </div> </table>This is NOT permitted, as semantically, you cannot divvy up table rows using <DIV> tags. In other words, <DIV> tags should never appear in such a setting.
Step 3: Finally, we still need "back/forward" links so the viewer can browse through the various parts. Add the below HTML code to the bottom of your last content:
That wasn't too hard was it?