All the demos so far have shown the tree loading node data from a static text file. However the tree can also be
set to load node data from a Server Side Script (eg. PHP, JSP, ASP, Perl etc). This in turn leads to the possibly
that node data can be dynamically generated by the script upon request from a database or other data source. In addition
it would also be possible to produce different node data based upon the user viewing the page (eg. a User ID ).
The tree here is connected to a PHP script "nodedata.php" which generates the node data based upon a user
id supplied with the request.
|
This demo will only work when it is hosted on a web server where a PHP engine is available. To view this demo correctly
load the following files from the ./Examples/ directory up to your web server:-
- dynamicnodes.htm
- nodedata.php
- Treemenu.jar
- /iconimages/
|
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">
<!-- 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="nodedata.php?user=1">
</applet>
In the final demo we show how the tree can use and display International Character Sets »
|