| # Advanced Treeview Tree Menu
[ Tree Home] [ Buy Now ] [ Documentation ] [ Examples & Demos ] [ Help & Support ]
## Advanced Treeview Tree Menu Documentation - Adding the Tree to a Web Page
Adding the Advanced Treeview Tree Menu to your web pages is achieved by the following 4 simple steps:- Add the Applet Tag to your Web Page » Adjust the Tree Parameters to produce the 'look and feel' you require » Create the Node Data file » Upload the Web Page, Data File and Treemenu.jar file to your web server »
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)
« back to Getting Started
[ Tree Home] [ Buy Now ] [ Documentation ] [ Examples & Demos ] [ Help & Support ]
Getting Started Documentation Implementing Tree Properties Tree Node Data JavaScript Parameters Dynamic Methods Multi-Language Support Further Help & Support Examples