Recent Questions Folding Treeview Target Iframe
Q: We need to place a vertical menu on the right of our page, and have the subnav options popout on the LEFT of the vertical navbar.
Can you script handle this?
A: Yes, you can create such menu with JavaScript Tree Menu.
Please, see:
http://deluxe-menu.com/ways-showing-submenus-sample.html
You should set this parameter.
Submenus can be shown in 4 ways. More info you can find here:
http://deluxe-menu.com/ways-showing-submenus-sample.html
var smViewType=2;Q: The AJAX sample for tree menu script on website does not have any styling applied at the moment.
I am assuming that it would support full styling with AJAX as well.
Is this correct?
A: You can use any style and templates for the AJAX sample.
Create a menu and set style you need using Individual Item Styles.
To enable AJAX Tree Menu use the following menu parameters:
var tajax=1;
Then set your menu in such way:
var tmenuItems = [
["Javascript/DHTML Tree: XP Style","", "", "", "", "XP Title Tip", "", "0", "", "data-samples/data-ajax5.js", ],
["+Samples Gallery","", "", "", "", "XP Title Tip", "", "0", "0", "", ],
["|Samples Block 1","", "", "", "", "", "", "", "", "data-samples/data-ajax.js", ],
["|Samples Block 2","", "", "", "", "", "", "", "", "data-samples/data-ajax.js", ],
["|Samples Block 3","", "", "", "", "", "", "", "", "data-samples/data-ajax.js", ],
];
Each .js file must contain menuItems variable for the submenu in the following format:
var tmenuItems = [
[text, link, icon1, icon2, icon2, tip, target, itemStyle, submenuStyle, jsFileName],
];
Where jsFileName - .js filename on the server that contains tmenuItems variable for the submenu.
For example:
var tmenuItems = [
["Home","testlink.htm", "", "", "", "Home Page Tip", "", "", "", "", ],
["Product Info","", "", "", "", "Product Info Tip", "", "", "", "data-samples/data-ajax2.js", ],
["Samples","", "", "", "", "Samples Tip", "", "", "", "data-samples/data-ajax4.js", ],
["Purchase","testlink.htm", "", "", "", "Purchase Tip", "", "", "", "", ],
["Support","", "", "", "", "Support Tip", "", "", "", "", ],
["|Write Us","mailto:[email protected]", "", "", "", "", "", "", "", "", ],
];
Q: Can I expand all tree category in the collapse menu html?
A: You can expand all items in Javascript/DHTML Tree, set:
var texpanded=1;
To expand specific items you should add "+" sign before item's text:
["+Samples Gallery","", "", "", "", "XP Title Tip", "", "1", "0", "", ],
["|+Samples Block 1","", "default.files/icon3_s.gif", "default.files/icon3_so.gif", "", "", "", "", "", "", ],
["||New Sample 1","testlink.htm", "default.files/iconarrs.gif", "", "", "", "", "", "", "", ],
["||New Sample 2","testlink.htm", "default.files/iconarrs.gif", "", "", "", "", "", "", "", ],
Try that.
Q: You've been helping me with some issues on the Javascript/DHTML Tree Menu system my company has purchased and most issues are resolved, so thank you! One big problem remains though and we can't seem to figure it out, so I hope you can help.
What we want is, when a user enters our site from the index (home) page then clicks on a link and the sub-page opens, for the dhtml menu tree to be open to the section the user is in and viewing. We also DO NOT want the browser to save the state of the menu, since that is inconsistent with where the user is in the site. Note: we do not use the Menu on the home page, is this a problem?
Per your tech support email, I've added the expand code, which works going from the home page to sub-pages. However, it interferes with navigating to other sub-pages once your in the site. The menu doesn't keep the section open, it closes back up. You mentioned the expand code has to be entered on every page....is that so in this instance and if so, that's a maintenance nightmare - does a better way exist for this type of menu?
Then we activated the "save state" option and the menu stays open on the sub-pages, but the expand option doesn't work.
It's like they cancel each other out and you can only have one or the other.
Can I get these two to work together? What do I need to do? Is it better to use the XP-style menu?
A: When user clicks the link, the browser loads a new page and the script re-create the dhtml menu tree.
If you want to open the needed section automatically on load you can use the following:
1. Save the state to cookies
2. Use frames
3. Put the special script on each page of site that will open appropriate section.
(dtreet_ext_expandItem)
