Advanced Treeview Tree Menu

This demo shows how to use the Tree Menus dynamic methods. Click the buttons below to see the effects.

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

For further information on the dynamic methods see Dynamic Methods »

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 name="TREEAPPLET" code="TreeApplet" width="220" height="200" 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,12">
<param name="defaultColor" value="#000000">
<param name="defaultExpanded" value="false">
<param name="defaultNormalImage" value="document">
<param name="defaultExpandedImage" value="document">
<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="morenodes.txt">

</applet>

In the next demo we show how server side scripts can be used to dynamically generate the node data:- next demo»