Advanced Treeview Tree Menu

Each node on the tree has several properties. To cut down the size and complexity of the node data file this release employs default values for most of the node properties. This means that a node can be defined with just three properties ( ID, Parent ID and Text). However the default properties may be overridden for any node by adding these on to the node specification.

The demo here shows a tree where the default color and font properties have been overridden for many of the nodes.

To view the node data file click here»

For a full explanation of the node properties see
Node Data Definitions »

(if you do not see the tree above click here»)

The colors, fonts and various other properties of the tree are set via HTML Param tags. Here is the HTML code for the above tree:-

<applet code="TreeApplet" width="250" height="300" archive="Treemenu.jar">

<!-- 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,12">
<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="overridenodes.txt">

</applet>

In the next demo we show how to make the tree menu interact with JavaScript functions
next demo»