Template: Make Css Navigation Tree

Dhtml Treeview Menu Vista Style 1

The template emulates Vista OS menu style. To open submenus click on menu items.
The appearence of this template is determined by the following parameters:

    - The menu have XP Style; Animation effect for subitems
    - Toggle-mode support.
    - Items have icons
    - Menu has a static position and is placed within the table cell

Key features:

    - Image arrows
    - Items with icons
    - Inactive/Disabled items
    - Submenus have a fade effect
    - Each item can have individual settings
    - different speed for an animation for submenus
    - Status string shows item labels
    - Filters and Transitional effects

Menu Screenshots Make Css Navigation Tree

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

Features Make Css Navigation Tree

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".

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

Mouse Position Tree Make Css Navigation Tree

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

Easy Setup

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

Professional Look-n-feel

Entirely customizable look-n-feel
A lot of pre-designed make css navigation tree 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.

You can animation and effects for the javascript tree menu. These effects will make your menu more attractive and stylish. When you click on titles of submenus - submenus will collapse or expand. Submenus have a fade effect in Internet Explorer when you collapse/expand them, so your menus look like original menus in Windows XP Explorer. You can set different speed for an animation.

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

Recent Questions Make Css Navigation Tree

Q: Typically in order to generate a menu with multiple layers I’d put a pipe character in front of the menu text.. For example:

["|Page Admin","/admin/handoutadmin.php", , , , "_new", , , , ],
   ["||Student Pages","/admin/handoutadmin.php?type=1", , , , "_new", , , , ],
   ["||Teacher Pages","/admin/handoutadmin.php?type=2", , , , "_new", , , , ],
   ["||Family Letters","/admin/handoutadmin.php?type=4", , , , "_new", , , , ],
   ["||Transparencies","/admin/handoutadmin.php?type=3", , , , "_new", , , , ],

However, when I try to do it with dm_ext_addItem it actually SHOWS the pipe character and doesn’t create any menu levels at all.
For example:

dm_ext_addItem(0, 0, ["Add a Handout to this Lesson", "", "", "", "", "", ""]);

dm_ext_addItem(0, 0, ["|Student Page","/admin/handoutadmin.php?type=$type", "", "", "", "_new", ""]);

dm_ext_addItem(0, 0, ["|Teacher Page","/admin/handoutadmin.php?type=$type", "", "", "", "_new", ""]);

How can I generate multiple levels of the menu with javascript?

A: I suppose that your code is not valid
dm_ext_addItem(0, 0, ["|Teacher Page", "/admin/handoutadmin.php?type=$type", "", "", "", "_new", ""]);

Try to write it in the following way:
dm_ext_addItem(0, 0, ["|Teacher Page", "/admin/handoutadmin.php?type=", "", "", "", "_new", ""]);

Q: Do you plan to implement a fix in the cross browser drop down menu for the pointer - many of our users have complained that it is very un-intuitive - surely it must be possible to change the pointer to a hand if there is a link. I have tried putting <a> tags in to the menu labels, but it only changes to a hand if the actual label text is highlighted - it obviously should change whichever part of the box is highlighted? Is there no other workaround?

A: If you set the following parameter:
var itemCursor="pointer";

You'll have the mousepointer being a hand for all itemsin the menu.

Unfortunately, you can't change cursor type for different items.
But you can write so:

["<a href='http://deluxe-menu.com/'>Home</a>","", , , , , , , , ],
["Product Info","", , , , , "0", , , ],
["|What's New","", , , , , "0", , , ],

In all items with links you should use <a> tag.

Set this parameter:
var itemCursor="default";

Q: We're willing to use your tool. We saw in FAQ that is possible to read/insert data from a database through PHP.
After some trys it's seem simple, but we need some information on how is data formated e.g:

["||Sample 4","testlink.htm", "", "", "", "", "", "", "", ],

What is supposed to be between the following comas ?

A: Parameters of tmenuItems you can find here:

http://deluxe-tree.com/menu-items-info.html

var tmenuItems = [
[text, link, iconNormal, iconOver, iconExpanded, tip, target, itemStyleInd, itemXPStyleInd],
[text, link, iconNormal, iconOver, iconExpanded, tip, target, itemStyleInd, itemXPStyleInd],
...
];

Q: I have deluxe-menu 3.2.5 and now I can't open my old menu files. I get thefollowing error message in dhtml menu creator "Can't open the file:
H:\data-menu.js. Check youre encode parameter." I have tried to open several different menu files and I always get the same error message. Do you have any solution of this problem?

A: You should change Deluxe Tuner settings:

Try to turn off the encoding property "Tools/use utf8 encode" and open your datafile once again.

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