Make your own free website on


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.


  1. Single-click on a folder item to open/close. Single-click on a doc item to access the document.
  2. 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.
  3. 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.
  4. 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.
  5. 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.
  6. More info on the applet params is listed here.

If you are interested in testing this applet locally here is the zip file,

Data Format

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
  1. 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.
  2. The second field (Applet Info) is the content string that appears in the applet.
  3. 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.
  4. 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 line.
  5. The data for one content line is separated from that of the other with the separator character '|'.


Nalla Senthilnathan