Recent Questions
Q: I'm having difficulty understanding how to set up css drop down menus. The differences between menuStyles, itemStyles, CSS and CSSText is very unclear, and doesn't seem to be well documented.
Do you have any better documentation or writeup on using this feature?
A: No, unfortunately we don't have additional documentation. You can findall info on our site.
We have several examples of the menus using css.
You should set var cssStyle=1; parameter and then assign your stylesto the items.
var cssSubmenu is a CSS class name for all submenus. You can set, forexample, background color, background image, borders for all submenus.
var cssItem is CSS class names for all items (normal state, mouseoverstate) in the top menu and submenus.
var cssItemText is CSS class names for text of all items (normalstate, mouseover state) in the top menu and submenus.
It's possible to appoint individual CSS styles for separate elements of the menu using individual item styles and individual submenu styles.
Q: Ok, please disregard my previous email, it was IE 8! I went back to IE 7 and everything is fine.
I do however got requests to speed up the javascript treeview action (of my 2 out of 2 customers thus far on your menus).
Is there a setting to make it go faster?
A: var tXPIterations=5;
You can also try to use AJAX feature. It will increase the loading speed.
Q: I am having great problems making my tab working, I seems to select the second tab by default.
I have looked in your frequent asked questions and tried the below suggestion, I have not used the registered domain as I am in the process of design.
var bselectedItem = 3;
Where 3 is the number of your menu item from the var bmenuItems parameter.
var bmenuItems =
[
["Mac Tab 1", "content1"],
["Mac Tab 2", "content2"],
["Mac Tab 3", "content3"],
["Mac Tab 4", "content4"], // selected tab
];
The ID of the item starts with 0.
Try that.
But without success?
Any idea?
Please advice
A: See, the ID of the item starts with 0.
So, if you use TabMode ( var tabMode=1;):
var bselectedItem = 10;
["-", ] - separator, ID = 0
["Mac Tab 1", "content1"], ID = 1
["Subitem1","testlink.html",] ID = 2
["Subitem2","testlink.html",] ID = 3
["Mac Tab 2", "content2"], ID = 4
["Subitem1","testlink.html",] ID = 5
["Subitem2","testlink.html",] ID = 6
["Mac Tab 3", "content3"], ID = 7
["Subitem1","testlink.html",] ID = 8
["Subitem2","testlink.html",] ID = 9
["Mac Tab 4", "content4"], // selected tab ID = 10
["Subitem1","testlink.html",] ID = 11
["Subitem2","testlink.html",] ID = 12
If you use tabs ( var tabMode=0;):
var bselectedItem = 2;
["-", ] - separator, ID = 0
["Mac Tab 1", "content1"], ID = 1
["Mac Tab 2", "content2"], ID = 2 // selected tab
["Mac Tab 3", "content3"], ID = 3
["Mac Tab 4", "content4"], ID = 4
Q: I cannot see the arrow.gif's in my rollover drop down menu.
Here is my code:
var arrowImageMain=["menudir/arrow_main3.gif","menudir/arrow_main3.gif"];
var arrowWidthSub=0;
var arrowHeightSub=0;
var arrowImageSub=["menudir/arrow_sub5.gif","menudir/arrow_sub4.gif"];
Do I need to put the arrow's somewhere else?
A: You should check the following parameter:
var pathPrefix_img="data-samples/images/";
Please check that you have the correct path to your aroows relative to the folder withindex.html file.
For example, you have:
menudir/
menu.js
dmenu.js
arrow_main3.gif
...
index.html
In menu.js file you should write:
var pathPrefix_img="menudir/";
var arrowImageMain=["arrow_main3.gif","arrow_main3.gif"];
var arrowImageSub=["arrow_sub5.gif","arrow_sub4.gif"];
or
var pathPrefix_img="";
var arrowImageMain=["menudir/arrow_main3.gif","menudir/arrow_main3.gif"];
var arrowImageSub=["menudir/arrow_sub5.gif","menudir/arrow_sub4.gif"];