SlickTree
Example of SlickTree
Only a 7 kB download for your visitors, but an effect worth much more than that ! Download it here ! How do I use SlickTree ?
|
What are the parameters for SlickTree ?
Name |
Value |
Example |
AppletHomePage |
http://go.to/javabase |
|
autoCollapse |
Include this tag for auto collapse (collapses old menus when new ones are opened) |
OK |
longHighlight | Determines if the highlight bar goes right to the edge of the applet or just to the end of the text | OK |
background | An optional background image (jpeg or gif) | back.jpg |
bgColor |
The page background colour |
FFFFFF |
textColor |
The normal text colour * |
880000 |
optionColor |
Colour of bar behind menu text * |
FFEEAA |
showOptionEffect |
Effect when showing a new menu * |
shrink |
optionDraw | "fill", "edge" or "none". "fill" fills in the bar. "edge" highlights just the edge of the bar. "none" does not draw a bar. | fill |
mouseTextColor |
Colour of text on mouseOver * |
EEEEFF |
mouseOptionColor |
Colour of bar behind text on mouseOver * |
000088 |
mouseOverEffect |
Highlight bar effect on mouse out * |
left |
mouseDraw | "fill", "edge" or "none". "fill" fills in the bar when the mouse is moved over it. "edge" highlights just the edge of the bar. "none" leaves the bar alone. | fill |
delayTime | Frame speed in milliseconds | 20 |
visibilityStep |
Speed at which menu appears |
2 |
mouseOverStep |
Speed of mouseOver effects |
4 |
spacing |
Height of each menu option |
20 |
gap |
Gap between each menu option |
1 |
depthSpace | Width of indent of submenus | 10 |
rounding |
How much to round highlight bar |
10 |
showDepth |
How deep the initially shown menu options should go |
0 |
showDelay |
How much the fade in is delayed for menus lower down the list |
10 |
textFont |
Font to be used in format FONTNAME;STYLE;SIZE where style is r for regular, b for bold, i for italic and bi for bold italic. (eg. Times;b;12 is size 12 bold Times) * |
Times;r;12 |
menu |
See below for details |
|
key | Key supplied at registration |
* for these parameters, multiple values can be seperated by commas and the first value will apply the nodes of the tree at the top depth, the second to the 1st level submenus etc. See the example code.
What about the "menu" parameter ?
Like all javabase applets, the menu options are specified using the following formats:
{Name} |
For an unlinked option or tree node |
{Name,Link} |
For a link to be opened in the same frame |
{Name,Link,Frame} |
For a link to be opened in a different frame. Frame can also be "_new" for a new window, "_parent" for the frame's parent, "_top" for the top frame or "_self" for the applet's frame. |
So, for example, to make a link to altavista which opened in a frame called "main" the option would look like:
{Altavista,http://www.altavista.com/,main}
To use submenus, simply add a space to the beginning of the name of those options which you want to be indented as shown in the example code above. Multiple spaces can be used to make multiple levels of menu.
Using javascript
In order to use javascript as a link, you must add MAYSCRIPT to your applet tag, eg:
<applet code="SlickTree.class" MAYSCRIPT>
You must then include your javascript as links, for example:
{Click me,javascript:alert('hello')}
How can I register?
Click here for registration details