Overview:
Below is the syntax of the HTML code that is required to implement the 1st Java Tree into your Web site. There is also a description of each part of the syntax.
- The blue part of the syntax is the HTML Code which should NOT be altered.
- The red part of the syntax may be altered according to the values and text that you require.
The blue code may be copied from here below or alternatively, copy the source code of our sample file and alter the values to your specific needs as described.
Size and colour HTML code:
<APPLET CODE="JAVATree.class" WIDTH=220 HEIGHT=300> |
CODE="JAVATree.class" | The name of the applet. This may not be altered. |
WIDTH=220 | The actual width of the applet. It may be altered to your needs. |
HEIGHT=300 | The actual height of the applet. It may be altered to your needs. |
<PARAM NAME="BACKGROUND" VALUE="255,255,255"> |
"BACKGROUND" | The name of the background parameter. This may not be altered. |
VALUE="255,255,255" | The colour values (red, green and blue) may be altered. In this example, the background is black. |
<PARAM NAME="FOREGROUND" VALUE="0,0,0"> |
"FOREGROUND" | The name of the foreground (text) parameter. This may not be altered. |
VALUE="0,0,0" | The colour values (red, green and blue) may be altered. In this example, the foreground (text) is white. |
<PARAM NAME="SELBACKGROUND" VALUE="0,0,255"> |
"SELBACKGROUND" | The name of the selected (highlighted) background parameter. This may not be altered. |
VALUE="0,0,255" | The colour values (red, green and blue) may be altered. In this example, the selected (highlighted) background is blue. |
<PARAM NAME="SELFOREGROUND" VALUE="255,255,255"> |
"SELFOREGROUND" | The name of the selected foreground (highlighted text) parameter. This may not be altered. |
VALUE="255,255,255" | The colour values (red, green and blue) may be altered. In this example, the selected foreground (highlighted text) is black. |
For more explanation on colour setting click here.
Tree branch HTML code - "items" (or rows).
<PARAM NAME="I10" VALUE="Overview; overview.htm; main; 2; Leaf.gif; Leaf.gif"> |
"I0" | Each new item (or row) must have an increasing increment and must start with 0. Each begins with an "I" for Item. Eg.I0 for the first parameter, I1 for the second, I2and so on. "Place holders" may be inserted here (as described below) to "save" a space for a future product or service - the viewer will not see these place holders. |
VALUE="Overview; | This text should be the description of the first Leaf of the Tree. |
overview.htm; | This refers to the name of the HTML file that you want this part of the Tree to link to. By writing "None" here, no link will be made. |
main; | This should be the name of the Frame where the file that you previously specified is located. Writing "_blank" will open a new Browser Window. |
0; | This is the level at which the leaf will appear within the Tree. Note: The FIRST leaf in a Tree must always start from 0, with increasing increments for each level. |
Leaf.gif; | This is the picture which should show when the branch is collapsed. |
Leaf.gif; | This is the picture which should show when the branch is expanded. |
For more details on using the pictures click here.
Example:
Some important tips:
Calling an E-Mail Window:
<PARAM NAME="I3" VALUE="E-Mail; mailto:team@auscomp.com.au; _self; 1; Mail.gif; Mail.gif">
You may change the red text to suit your needs.
Place holders:
<PARAM NAME="I3" VALUE ="***">
Because the Item parameter has to have a continues number, normally you would be forced to re-number all of the following item parameters if a tree branch is either added or deleted. This parameter gives you the possibility to put a place holder in your code for future use. The visitors will not see these place holders.