- Unlimited number of sub levels - Several menus on one page - Personal CSS styles for separate menu elements - 3-state icons for each item - Submenus have a fade effect - Each item can have individual settings - Items with icons - different speed for an animation for submenus
Q: Thanks for your reply, I have another question as follow, I find the tree menu just expand one tree item, if I have expanded one tree when I click it, whether I click another tree to expand it's item and the before expanded tree are maintain expanded, I don't want to close it?
A: Use the following parameters:
var tcloseExpanded = 0; - Enables the mode when 1 item only can be expanded. 0 - disabled, 1 - enabled.
var tcloseExpandedXP = 0; - Enables the mode when 1 submenu only can be expanded (XP-style). 0 - disabled, 1 - enabled.
You can also try to set the following parameter:
var texpandItemClick = 1; - 0 - expand items on a [+]-button click only; 1 - expand items on a mouse click.
A:There is no need to write additional code on a server side to remember what items were expanded/collapsed. DHTML Tree Menu can save items state automatically. Please, see the example of the menu that works with cookies: http://dhtml-menu.com/tree-examples/tree-menuxp-save-state.html
Set the following parameter:
var tsaveState = 1;
and the menu remembers its structure for each user who visit your page. Try to expand/collapse items. Then reload the page and you'll see results.
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 3. Replace existent tags of the menu by the following code:
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.
Q: Though, once I click on a link, the page will load properlyin the correct frame, but the next time I hover over that dhtml menu link again, I get a Permission Denied error.
A:It is possible that your links are incorrect.
If you open links situated in the different folders on your serveryou'll get error.
You can try to use absolute paths for your dhtml menu links:
You can also send us a copy of your html page (including .js files) ora direct link to your website, so we can check it.