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:
- different speed for an animation for submenus - Vertical orientation of the Tree Menu - Image arrows - Status string shows item labels - Submenus expand/collapse on mouseover - Several menus on one page - Relative/Absolute menu position - Filters and Transitional effects
You can set default expanded/collapsed items and submenus.
After clicking on menu item selected item becomes highlighted.
When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automatically scrolled! You can also specify height and width for each separate submenu.
There is no need to write additional code on a server side to remember what items were expanded/collapsed. Javascript/DHTML Tree can save items state automatically!
Q: I am using Javascript Menu. JavaScript Tree Menu. v1.12 How can I upgrade to v.2.0?
A:How to upgrade to v2.00 --------------------------------------------------------------- You can download the licensed engine .js files from the same link in your license message.JavaScript Tree Menu v2.00 has new parameters and features. To upgrade to v2.00 you should do the following.
Step 1. 1.1 For Windows users a. Run Deluxe Tuner v2.0 (can be found in the trial menu package v2.0 http://deluxe-menu.com/deluxe-menu.zip). b. Open menu data file (.js file where menu parameters are placed): select File/OpenŠ c. Save the file: select File/Save, then click "No" button when the dialog box appears.
1.2 For other OS users a. Open menu data file (.js file where menu parameters are placed) in a text editor. b. Make sure that the following variables exist in the data file:
var keystrokes = 0; var dm_focus = 1; var dm_actKey = 113;
var dynamic = 0; var smHideOnClick = 1; var itemAlignTop = 'left'; var smSmartScroll = 1;
var dmAJAX = 0; var dmAJAXCount = 30; var dmRTL = 0; var dmObjectsCheck = 0; var menuBackRepeat = "repeat"; var menuHeight = ""; var transDuration2 = 200;
If one of the variables doesn't exist - add it at the beginning of the file.
c. Save the file.
Step 2. Now open HTML-page that contains JavaScript Tree Menu.
Step 3. Replace existent tags of the menu by the following code:
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
Step 4. Save HTML-page.
Step 5. New engine v2.00 has 7 .js files. They are: - dmenu.js - dmenu4.js - dmenu_add.js - dmenu_dyn.js - dmenu_key.js - dmenu_cf.js (new v2.00) - dmenu_popup.js (new v2.00)
Replace all old .js files by the files from v2.00.
Try that.
Q: Is it possible to create expandable checkbox menu with you javascript dynamic tree menu?
(I want each tree menu element contain a check box and some text. )
A: No, unfortunately Javascript/DHTML Tree doesn't have such a feature now.
But you can paste any html code inside item text, for example:
["|<INPUT TYPE=checkbox CHECKED ID=chk1 onclick='choosebox1()'>Uncheck this check box for some free advice","","","",],
["<img src='img/sep.gif' width=113 height=1>"],
Q: Can I put two popup windows in one HTML file? One popup for example after 1 second, and disappear after 10 The second one after 15 second and disappear after 30 seconds. Can you help me?
A:You should set the following parameters for the first window:
winID:"window1", openAfter:1, closeAfter:10,
for the second window:
winID:"window2", openAfter:15, closeAfter:30,
See also how should you install popup windows on your page:
Q: I am working currently with deluxe-menu and am perfectly happy so far except one little thing: Does there exist a way to have the mousepointer being a hand instead of the regular pointer while going over the menu (like it would be regular links)?
A:You should set this parameter: var itemCursor="pointer";
In this case 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:
HTML_TreeMenuXL: PHP-Generated Dynamic TreeMenus Create a TreeMenu object and a tree of TreeNodes, one node for each menu item. These statements must occur in your HTML exactly where you want the menu to appear.
Tigra TreeMenu : JavaScript TreeMenu Tigra TreeMenu is free JavaScript DHTML navigation system for the web sites and web applications. Product looks and acts exactly as Microsoft Windows
4GuysFromRolla.com - A Dynamic TreeMenu System One of the most intuitive navigation systems for large amounts of related data is the treeview control, a hierarchical structure of related information.
de - Extended Menu de - Home of Daniel Ecer, Homepage, Extended Menu Module for Joomla/Mambo (a replacement of the default mainmenu module)
de - Extended Menu Parameters This menu style is like "Flat List" but renders also sub-menus. HTMLTree Renders a menu which looks like a tree (similiar to other JavaScript menus but without
TreeMenu JavaScript Applet Treeview: JavaScript DHTML treemenu that looks and feels like the Windows Explorer tree.
Blogger: SimpleTreeMenu is a unobtrusive TreeMenu script that turns any ordinary list (UL element) into The HTML for your treemenu as seen in Step 3 is simply an ordinary HTML list
TreeMenu Using Css : Javascript TreeMenuTreeMenu Using Css Menu Example Tree. Javascript/DHTML Tree. The most powerful Javascipt Menu/ DHTML Menu system on the Web.
TreeMenu Using Css : Javascript TreeMenuTreeMenu Using Css Menu Example Tree. Javascript/DHTML Tree. The most powerful Javascipt Menu/ DHTML Menu system on the Web.
Collapsible MenuTree There are two programs that make collapsible menutree for your web site: Art HTML Listing generates index files from the directory listing.
MygosuMenu - DHTML menu - Javascript This little utility will generate a simpletreemenu document: DynamicTree-mdb.zip [257 KB] (author: Adam Bunter) TreeMenu with icons and iframe:
HTML_TreeMenuXL: PHP-Generated Dynamic TreeMenus Create a TreeMenu object and a tree of TreeNodes, one node for each menu item. These statements must occur in your HTML exactly where you want the menu to appear.
Dynamic Drive DHTML Scripts- SimpleTreeMenu A folding DHTML menutree with persistance feature, created via cookies. Simple CSS defines the look of the tree, such as the folder and list images to be used.
Collapsible MenuTree There are two programs that make collapsible menutree for your web site: Art HTML Listing generates index files from the directory listing.
SimplytheBest AJAX & DHTML menu scripts A simple and lightweight solution for context menu functionality. It's lightweight: ~2 KB Collapsible menutree. A collapsible menutree script that contains
