Recent Questions Treeview Dynamic Css Example
Q: I would like to have submenu’s border to be the same for first and second level of submenu.
“Management” item goes over “Staff” item.
I want the same for “Staff” over “Provincial Office”
A: Try to set the following parameters:
//------- Submenu Positioning -------
var topDX = 0;
var DX = 0;
Q: How do I disable the menu link for the page that is currently being displayed? I don’t the menu item removed, I just want the link to be inactive and possibly a different color.
A: To disable items you should set the target parameter to "_".
Unfortunately, JavaScript Tree Menu doesn't have such a feature.
You should write your own code, for example, on PHP.
You can try to use the following function
function disable() {
dm_ext_changeItem(1, 1, 1, ["", "", "", "", "", "_"]);
}
to disable your items.
The example you can find on our site
http://www.deluxe-menu.com/dynamic-functions-sample.html
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.
See more info about menu parameters here:
http://deluxe-tree.com/parameters-info.html
Q: Is there any way to keep the cursor as default on disabled links? I see that there's a general cursor choice, is there any chance to make it individually?
A: Unfortunately you cannot set cursor type individually for all items.
You can set it only for whole items.
You can try to set a cursor for your <img> tag. for example:
["<img src='deluxe-menu.files/sep_mac.gif' style='cursor: default;'>","", "", "", "", "_", "-1", "0", "", ],
You can also try to set
var itemCursor="default";
for all items and use <a> tags for all links:
["<a href='index.html' target='_blank' class='link'>Home</a>","", "", "", "", "Return to Index page", "", "0", "", ],
And create styles
.link{
color: #FFFFFF;}
.link:hover{
color: #FFBEBE;}
