Getting Started             

  1. Place the program files (TreeView.jar, TreeView.cab and ryTreeView.class) in the directory containing the HTML document into which you want to insert the applet (or into a different directory, and add the correct CODEBASE= attribute to the applet tag given below).

  2. Add the following applet tag to your HTML document in the position you want TreeView to appear:
    <APPLET CODE="ryTreeView.class" ARCHIVE="TreeView.jar" WIDTH=180 HEIGHT=330>
    <param name=CabBase value="TreeView.cab">
    <param name=Copyright value="TreeView (c) 1997 Cool Focus [www.coolfocus.com]">
    <param name=BgColor value="0000C0">
    <param name=BgImage value="paper.jpg">
    <param name=OutlineImage value="lightimg.gif">
    <param name=FolderFont value="Dialog,bold,12">
    <param name=FolderColor value="FFFFFF">
    <param name=FolderFocusColor value="0000FF">
    <param name=FolderPressColor value="FF0000">
    <param name=PageFont value="Dialog,plain,12">
    <param name=PageColor value="FFFFFF">
    <param name=PageFocusColor value="00FF00">
    <param name=PagePressColor value="FF0000">
    <param name=DefaultTarget value="_top">
    <param name=LeftIndent value="6">
    <param name=UseHandCursor value="no">

    <!-- Sound-related parameters -->
    <param name=Sound value="yes">
    <param name=OpenSound value="show.au">
    <param name=CloseSound value="hide.au">
    <param name=LinkSound value="select.au">

    <!-- Optional parameters for header image and label -->
    <param name=Header value="A TreeView Example">
    <param name=HeaderImage value="painting.gif">
    <param name=HeaderFont value="Helvetica,bold,13">
    <param name=HeaderColor value="FF8C00">
    <param name=Header3D value="dark">
    <param name=HeaderOffset value="40">
    <param name=HeaderIndent value="26">

    <!-- Parameters to set up the first folder,
    a container with 5 'pages' -->
    <param name=Folder1 value="The First Folder">
    <param name=Message1 value="The mouse is over the top folder">
    <param name=1-Page1 value="Page One">
    <param name=1-URL1a value="http://www.coolfocus.com">
    <param name=1-Target1a value="_top">
    <param name=1-Message1 value="You're over Folder 1, Page 1">
    <param name=1-Page2 value="A Second Page">
    <param name=1-URL2a value="http://www.coolfocus.com">
    <param name=1-Message2 value="You're over Folder 1, Page 2">
    <param name=1-Page3 value="Third Of The Pages">
    <param name=1-URL3a value="http://www.coolfocus.com">
    <param name=1-Message3 value="You're over Folder 1, Page 3">
    <param name=1-Page4 value="Here's Page Number Four">
    <param name=1-URL4a value="http://www.coolfocus.com">
    <param name=1-Message4 value="You're over Folder 1, Page 4">
    <param name=1-Page5 value="The Final Fifth Page">
    <param name=1-URL5a value="http://www.coolfocus.com">
    <param name=1-Message5 value="You're over Folder 1, Page 5">

    <!-- parameters to set up the second folder,
    a linking folder -->
    <param name=Folder2 value="The Second Folder">
    <param name=URL2a value="http://www.coolfocus.com">
    <param name=Target2a value="_top">
    <param name=Message2 value="The mouse is over the second folder">

    </APPLET>

  3. Add as many folders as you need, making them linking (by adding a URL parameter, as in the second folder above) or containers for one or more pages (as in the first folder above).

  4. After adding all the folders and pages you need, adjust the applet's width and height so that when you open the folder containing the most pages, the bottom of the applet can still be seen.

  5. Edit the contents of the other parameters to customize colors, fonts, sounds, and so on (or optionally just remove parameters whose default values you want to use), according to the details in The Parameters Explained.