Template: Tree Menu Dokuwiki

XP Style Olive Floatable Menu Tree

Floating Menu Tree
- When the page is scrolled the menu remains visible (parameter: var tfloatable).
Try to scroll the page.
- The menu can "float" along one or two coordinate axes with different speed
(parameters: var tfloatableX, var tfloatableY, var tfloatIterations).

Key features:

    - Submenus automatically scrolls
    - Unlimited number of sub levels
    - Relative/Absolute menu position
    - Personal CSS styles for separate menu elements
    - Submenus expand/collapse on mouseover
    - Submenus have a fade effect
    - Vertical orientation of the Tree Menu
    - Several menus on one page

Menu Screenshots Tree Menu Dokuwiki

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

Features Tree Menu Dokuwiki

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

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

Menu Frame Tree Tree Menu Dokuwiki

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

Unrivalled Features

Scrollable, dragable, floating
Unique Java Script API for altering menu "on-the-fly", without page reloading
AJAX technology - loads menu data from the server "on-fly and on-demand".

Easy Setup

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

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

Javascript Tree Menu. Expandable Menu.

You can create any style for XP menu:
different icons, colors, and buttons for each submenu title;
any color for borders, backgrounds, and font of menus and items;
any available font style; and many other options!
Design personal styles for any submenu and item. Use individual styles to rich killer visual effects!
These effects will make your menu neat and chic. Among available special visual effects there are random dissolve, fade, mix, mosaic slide out and many many others.

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

Recent Questions Tree Menu Dokuwiki

Q: Do I need to replace the menudir/ in the code with the name of the folder I have placed the .js files?

A: Yes, you should change the name of the folder.

If you have, for example such file structure:

deluxe-menu_files/
    dmenu.js
    data.js
images/
html_pages/
    page1.html
    page2.html

index.html

So, you should install your menu in the following way:
<head>

<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "deluxe-menu_files/";</script>
<script type="text/javascript" src="deluxe-menu_files/dmenu.js"></script>

</head>

<body>
<script type="text/javascript" src="deluxe-menu_files/data.js"></script>
</body>
</span>

Q: In Firefox, the java popup menu is hidden behind Flash player. Anyway to fix this?

A: See fix for flash in Firefox here:

http://deluxe-menu.com/objects-overlapping-sample.html

Q: Can I use my own images as the tabs in a div tab menu?

A: The Drop down menu items have the following structure:
var menuItems = [
[text, link, iconNormal, iconOver, tip, target, itemStyleInd, submenuStyleInd, jsFilename],
[text, link, iconNormal, iconOver, tip, target, itemStyleInd, submenuStyleInd, jsFilename],
...
];

Where iconNormal, iconOver - Icons of an item: icon in normal state, icon in mouseover state.

So you can set your menu items in a such way:

var menuItems = [
["","testlink.htm", "icon1.gif", "icon1o.gif"],
["","", "icon2.gif", "icon2o.gif"],
["|","testlink.htm", "icon3.gif", "icon3o.gif"],
["|","testlink.htm", "icon4.gif", "icon4o.gif"],
["|","testlink.htm", "icon5.gif", "icon5o.gif"],
["","testlink.htm", "icon1.gif", "icon1o.gif"],
];

Q: When I create a tab which has no sub-items, there is a white line drawn under the whole top javascript tabbed menu bar.
How do I avoid this?

A: Each menu item should have subitems (in the TabMode).
If you don't want to have subitems for some items you can add onesubitem and delete Item Text.

["Item 2","", "", "", "", "", "", "", "", ],
["|","", "", "", "", "", "0", "", "", ],

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