This applet generates an interactive, searchable table of contents for a
website. The applet displays only the opened folders and its contents.
This feature enables browsing a large website without the need for scroll
bars. The applet reads data from the applet tag.
- Single-click on a folder item to open/close.
Single-click on a doc item to access the document.
- Use the "End" key to open all folders.
Use "PageUp/PageDown" or arrow keys to scroll the contents
of the applet vertically. Use "Ctrl+PageUp/Ctrl+PageDown" keys to reach the
top/bottom of the list. Use "Home" key
to close all folders and to reset the applet.
- The content lines can be search-enabled by setting the value of
the applet param KEEPBUTTONS to "yes". A demo of this feature can be
seen here. Search is
case-insensitive. The search function returns the complete hierarchy of the
content line containing the keyword. (Example: "section 2.1.1"). Click on the
'Reset' button to begin a new search.
- The applet can also be
deployed in a popup mode by setting the value of the param isPOPUP to "yes".
A demo of this feature is illustrated here.
- A background image can also be specified
using the BGIMAGE param. A demo of this feature can be seen here. These files can be
used to test 999 content lines with upto 4 tails for any head.
- More info on the applet params is listed here.
If you are interested in testing this applet locally here is the zip file,
The applet reads data from the value of the applet tag param TOCDATA. Each
content line data consists of four semicolon separated fields. Example:
1; Applet Info; right_frame;cabbagetoc2info.html
- The first field (1) corresponds to the hierarchy level of the
content line with the top level being 1, the next branch level being 2 etc.
- The second field (Applet Info) is the content string that
appears in the applet.
- The third field (right_frame) is
the targetframe name for the document corresponding to the content line. The
targetframe name can be any user defined name or any one of (_self, _parent,
_top, _blank). Specify 0 for the folder line.
- The fourth
field (cabbagetoc2info.html) specifies the URL for the document. The
URL can be relative or fully qualified. The URL must be 0 for the folder
- The data for one content line is separated from that of the
other with the separator character '|'.