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 ?

  • From the download, put SlickTree.class and SlickTree.jar in your html directory
  • Use the HTML generator or
  • To get you started, use the applet source from this page.
 

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


Javabase Home