Advanced Treeview Tree Menu

Step 1 - Add the APPLET tag to your Web Page

Open up your page in your web page editor and add the following HTML code where you would like the Tree to appear:-

<applet code="TreeApplet" width="220" height="300" archive="Treemenu.jar" mayscript> <!-- Tree Properties --> <param name="backgroundColor" value="#FFEECC"> <param name="borderWidth" value="1"> <param name="borderColor" value="#CCBB88"> <param name="underlineLinks" value="false"> <param name="scrollBarBgColor" value="#FFAA00"> <param name="statusBar" value="false"> <param name="connectingLines" value="true"> <param name="connectingLinesColor" value="#887744"> <param name="connectingLinesStyle" value="2"> <param name="highTextColor" value="#FFFFFF"> <param name="highBgColor" value="#0000FF"> <param name="nodeOffset" value="25"> <param name="nodegap" value="0"> <!-- Default Node Settings --> <param name="defaultTarget" value="_top"> <param name="defaultFont" value="Arial,N,10"> <param name="defaultColor" value="#000000"> <param name="defaultExpanded" value="false"> <param name="defaultNormalImage" value="closedfolder"> <param name="defaultExpandedImage" value="openfolder"> <param name="defaultMouseImage" value="point"> <!-- Images --> <param name="image1" value="closedfolder|./iconimages/closedfolder.gif"> <param name="image2" value="openfolder|./iconimages/openfolder.gif"> <param name="image3" value="document|./iconimages/document.gif"> <param name="image4" value="point|./iconimages/point.gif"> <!-- Node File --> <param name="Nodedata" value="nodes.txt"> </applet>

Step 2 - Adjust the Tree Properties to provide the 'look and feel' you require.

The HTML code added in step 1 contains several parameter values which determine various aspects of the tree like colors, fonts and mode of operation. Adjust the values of these parameters to provide the tree effect you require.

The function and effect of parameter is described in the
Parameters Section - click here »

Step 3 - Create the Node Data File.

The Node Data File is a plain text file which the information for each node on the tree. ie. this is where you specify the contents of the tree.

To create a node data file follow the instructions in the
Node Data Definitions section - click here »

Step 4 - Upload the files to your Web Server.

The final step is to upload your web page, node data file, Icon Images and the Treemenu.jar file to your web server. All of the following should be placed in the same directory on your web server:-

• Your Web Page
• Treemenu.jar
• nodedata.txt
• the ./iconimages/ folder (and all it's contents)