Recent Questions Ajax Sliding Tree Menu
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)
Q: > Does you tree menu php support right-to-left layout? that is to say it opens thebranches/submenus from the right to left .
A: Yes it is possible to create a menu for right-to-left languages with Javascript/DHTML Tree in the same way as in standard htmlcode.
Please, set <HTML dir="rtl">.
You should set the following parameters:
var titemAlign="right";
var ticonAlign="right";
var texpandBtnAlign="right";
JavaScript Tree Menu support right-to-left languages.
In JavaScript Tree Menu you can set the following parameter:
var dmRTL = 1;
Set this parameter to 1 if you're using right-to-left direction of html page <HTML dir=rtl>.
Q: Now I need to work out how to add multiple java menu examples to a page? Are you able to reference these separately - is this possible.
A: You can add as many java menu examples as you want on the one page.
You should call
<SCRIPT type=text/javascript> var dmWorkPath = "data.files/";</SCRIPT>
<SCRIPT src="data.files/dmenu.js" type=text/javascript></SCRIPT>
and then call your data files:
<SCRIPT src="data.files/data1.js" type=text/javascript></SCRIPT>
<SCRIPT src="data.files/data2.js" type=text/javascript></SCRIPT>
<SCRIPT src="data.files/data3.js" type=text/javascript></SCRIPT>
<SCRIPT src="data.files/data4.js" type=text/javascript></SCRIPT>
Q: My top levels over the menu have no link and as such I need the cursor not to change when hovering over it – only change over the menus that drop down.
Please let me know how to fix this
A: Unfortunately, you can't change cursor type for different items.
But you can write so:
["< a href='http://deluxe-menu.com/'> Home ["Product Info","", , , , , "0", , , ],
["|What's New","", , , , , "0", , , ],
In all items with links you should use < a> tag.
Set this parameter:
var itemCursor="default";
