Recent Questions Javascripttreemenue
Q: My JavaScript Tree Menu works super.
Anyway, I would like to make it more comfortable for my users.
So, I would like to know if it possible to create a "Multicolumn Menu"
(http://deluxe-menu.com/multicolumn-menu-sample.html)
and separate define which submenu should be multicolumn and wich one looks "normal".
In your example all menu options which have submenus become multicolumn-look.
Is it maybe also possible to create such Multicolumn-look?
Group_01 Group_02 Group_03
- xxx - xxx - xxx
- xxx - xxx - xxx
- xxx - xxx - xxx
Group_04 Group_05 Group_06
- xxx - xxx - xxx
- xxx - xxx - xxx
- xxx - xxx - xxx
A: Yes, you can create such menu.
You can create "normal" items using separator.
["|-","testlink.htm"],
Please, see the attached example.
Q: I have been working with on a site and I am kind stack using the program. I want to use the tree option but not all “buttons” need to have subcategories. For example:
Category 1
Sub-menu 1-1
Sub-menu 1-2
Sub-menu 1-3
Category 2
Sub-menu 2-1
Sub-menu 2-2
Sub-menu 2-3
Category 3
Category 4
When someone click on the “Category 1” or “Category 2”, I want them to see the sub-menus. However, when some click on “Category 3” or “Category 4”, I would like to have it open the appropriate page. How do I do this? This will make a lot easier because not all buttons need to have sub-menus… I hope that makes sense and you can help me on getting this done.
A: You cannot use links for the top items in XP Style only.
var tXPStyle=1;
but you can write:
["<a href='http://deluxe-menu.com'>Item 45</a>","", "", "", "", "", "", "", "", ],
Q: If you take a look at the upper menu, I have "|" separating all of the various menu items. How can I do this with JavaScript Tree Menu?
I don't want to resort to using messages and would like to use the "|" character if at all possible.
A: You can paste a separator.
Please, see the following parameters:
//------- Separators -------
//--- Separators
var separatorImage="";
var separatorWidth="5";
var separatorHeight="100%";
var separatorAlignment="right";
var separatorVImage="images/public/separator.gif";
var separatorVWidth="3";
var separatorVHeight="100%";
var separatorPadding="";
You should set a separator in the menuItems, for example:
var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],
];
Q: It appears that this product only supports IE (on the PC and Mac). It does not support Safari or Netscape on any platform. Is that correct?
I ask because I like the product and would like to purchase the developer\'s license but our users represent a wide range of platforms and browsers.
A: DHTML products support a major part of modern browsers:
IE 5+
Opera 5+
Mozilla/Firefox
NS 6+
Also they support MAC browsers: Safari, IE, Firefox.
But DHTML Menu has some problems on this browsers with a submenuspositioning in some cases.
If you can't see Tree Menu in Firefox you should set these parameters:
Try to specify units in "px".
var tmenuWidth = "280px";
It's necessary to specify exact value for Mozilla browsers. It helpsto position menus correctly.
You should set this parameter:
var tmenuHeight = "auto";
