Recent Questions
Q: Is it possible to insert a dhtml foldout menu item at the top of the submenu? For example, if a dhtml foldout menu is defined as:
var menuItems = [
["Search","","","","","","1","0"],
["|Residential","srch.php","","","","","0"],
["|VacantLand","srch.php?cri","","","","","0"],
["|Commercial/Industrial","srch.php","","","","","0"]];
How can I add a new item above “Residential?” I’ve tried the following with no luck — the forth argument does not seem to be used:
dm_ext_addItem(0, 1, ["New Sample", "testlink.htm", "", "", "Your Sample Tooltip", "middle", 0], 0)
A: To insert item in the specific position you should use thefollowing function:
function dm_ext_addItemPos (menuInd, submenuInd, iParams, Pos)
Q: I have used Deluxe tuner menu on a web page and facing two small problems
a) The separator I have used do not show up. This is supposed to be a black horizontal line below every menu item. The image name is sep.jpg
b) The submenu appears on the right and I am unable to figure out a way to get the submenu to appear on the left. My navigation is placed on the right panel so if the sub menu appears on right of drop down menu bar, it practically goes off the page.
Can you please help with this and let me know why this is happening ?
A: 1) You should set separators between main items:
["Home","testlink.html", "data.files/bul.jpg", "data.files/bul.jpg", "", "", "", "", "", ],
["-"],
["About Us","", "data.files/bul.jpg", "data.files/bul.jpg", "", "", "", "", "", ],
And set:
var separatorVImage="data.files/sep.jpg";
var separatorVWidth="100%";
var separatorVHeight="1px";
var separatorPadding="0px";
2) You should set the following parameter:
var smViewType=2;
Q: Is there a way to have the menu stay expanded in the same exact state when
I click on a menu item of the javascript tree view and go to a new page?
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.
Q: How do I create more space between the menu items?
I have tried adding to the Item Appearance, itemSpacing and itemPadding.
A: You can paste the separator.
Please, see the following parameters:
//------- Separators -------
var separatorWidth = "10";
var separatorHeight = "20";
var separatorAlignment = "center";
var separatorImage = "C";
var separatorVWidth = "150";
var separatorVHeight = "10%";
var separatorVImage = "image.jpg";
You can create separators using menuItems, for example:
var menuItems = [
["item 1"],
["-"], // this item is separator
["item 2"],
];
You can also use this parameter:
var itemPadding = "4px";
You can also set multiple values, for example:
var itemPadding = "2px 15px 5px 5px";
(top, right, bottom, left)