Template: Javascript Tree Method

XP Style Silver Movable Tree View Menu

Movable Tree View Menu
Try to move the menu using the top spacer above the menu (drag-n-drop. Parameter: var tmoveable). Selected Item
- Click on any item.
The test page is opened and selected item is highlighted (parameter: var ttoggleMode).
- You can also set a default selected item by placing '>' symbol before a text of the item.

Key features:

    - Movable and floatable menu
    - Submenus have a fade effect
    - Unlimited number of sub levels
    - Items with icons
    - Several menus on one page
    - different speed for an animation for submenus
    - Vertical orientation of the Tree Menu
    - Image arrows

Menu Screenshots Javascript Tree Method

Buy Now! :: Free Trial Download :: More Info

Features Javascript Tree Method

Easy Setup

De Luxe Tuner. GUI interface to create your javascript tree method menus easily and in no time
Sensible menu parameters for manual editing

Compatibility

Full cross-browser compatibility including IE, Netscape, Mozilla, Opera, Firefox, Konqueror and Safari on Windows, Mac OS and Linux
Menu can be populated from a database using ASP, PHP, etc.
Search engine friendly
Support for any doctypes
Fits for secure sites

Deroulant Javascript Tree Javascript Tree Method

Seamless Integration

Visible over flash, select boxes, iframes, java applets
Multiple menus on the same page
Amicable to other scripts and css styles
Any HTML code can be used inside menu items

High Performance

AJAX menu loading - loads web menu data from the server "on-the-fly".
Commonly loads quicker than other html page elements
Runs well with an unlimited number of submenus and items

Professional Look-n-feel

Entirely customizable look-n-feel
A lot of pre-designed javascript tree method samples
Hundreds of visual effects
Custom CSS styles can be applied for all menu settings

Buy Now! :: Free Trial Download :: More Info

Javascript Tree Menu. Expandable Menu.

Use a mouse to move a menu as a usual window.
When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes. After clicking on menu item selected item becomes highlighted.
There can be as many submenus as necessary. Any submenu in its turn can include different number of columns.

Buy Now! :: Free Trial Download :: More Info

Recent Questions Javascript Tree Method

Q: When doing a mouseover over the menu options, the java menu web submenus are supposed to all drop down. However, some of the submenus go up instead of down. How do I fix that?

A: You should set the following java menu web parameter:

var subMenuVAlign="top";

Q: Is it possible to have the AJAX menu aligned vertical instead of horizontal? And is the number of levels limited? (I have a site that requires up to 4 levels...)

A: Yes, you can create vertical menu using AJAX feature.

There is no such limitation.
See the following parameter:
var dmAJAXCount=0;

That variable set the maximal number of submenus that will be loadedfrom server on your page.

Q: Images don't appear in my menu.

A: Now you have two lines:

<SCRIPT type=text/javascript> var dmWorkPath = "../misyssbm.files/";</SCRIPT>

and

<SCRIPT type=text/javascript> var dmWorkPath = "../side_menu.files/";</SCRIPT>

But you should have only one line.
Please, check it.

Q: I really like how this works and I think it will wind up working for us, but I have a question. On the xp style dynamic tree menu, is there a way when you click one of the 'headers' that will open up other choices for example on your http://www.deluxe-tree.com/data-samples/tree-menuxp3.html tree. When youclick either the deluxe tree:xp style or the samples gallery or the samples gallery2 section, can you make it so it opens a page in another frame? The way it is now you it wont open a page until you click on the 'samples block 1' or below.

A: Actually you cannot use links for the top items in the XP Style.
But theoretically you can use links for the top items. You can write

["<a href='index.html' class='home' target="frame">Home</a>","", "", "", "", "Return to Index page", "", "0", "", ],
["<a href='http://www.domain.uk' class='home' target="frame">About Us</a>","", "", "", "", "", "", "0", "", ],
["|Introduction","http://www.domain.uk/introduction.htm", "", "", "", "", "", "", "", ],

Buy Now! :: Free Trial Download :: More Info