Recent Questions High Performance Javascript Tree
Q: Currently, I have JavaScript Tree Menu installed on my website.
However, I have noticed that the javascript mouseover menu picture width for the top level icon changes. For example, the mouse over picture for "Beauty" is one length whereas the mouse over icon for "Home & Garden" gives me one and a half pictures. I have illustrated this in the attachment.
Please could you advise me on how I could resolve this problem.
Thank you for taking your time to read this email.
I look forward to receiving your reply.
A: You can try to use the following parameters to use combinedbackground for your items:
var beforeItemImage = [,]; //left-side image for normal and mouse over state
var itemBackImage = [,]; //background or image for normal and mouse over state
var afterItemImage = [,]; //right-side image for normal and mouse over state
var beforeItemImageW = '';
var afterItemImageW = '';
var beforeItemImageH = '';
var afterItemImageH ='';
But you should create a small images in any Graph Editor, for example:
button_n_back.gif
button_n_left.gif
button_n_right.gif
button_o_back.gif
button_o_left.gif
button_o_right.gif
Q: I have to pass dynamic value from the link when the user click the mouseover menu.
A: Actually you can use your own Javascript code instead standard links. For example:
var menuItems = [
["text", "javascript:your_code_here"]
];
or
var menuitems = [
["<div onClick='your_code_here'>item text</div>", ""]
];
Q: We are registered users of the JavaScript Tree Menu software. Today I tried to use the Javascript API, but there is something I do not understand and want to ask for support.
First, I set up a very simple menu:
var menuItems=[
['Menu 1'],
['|Submenu 1'],
['Menu 2'],
['|Submenu 2'],
];
This menu is built via dm_init().
Then, I inspect the menu (in Firebug):
>>> dm_ext_getSubmenuParams(0, 0)
["dm0m0", 2, "", 0, 1]
>>> dm_ext_getSubmenuParams(0, 1)
["dm0m1", 1, "dm0m0i0", 1, 0]
>>> dm_ext_getSubmenuParams(0, 2)
["dm0m2", 1, "dm0m0i1", 1, 0]
Ok, there are three submenus. Now I am going to delete one of them:
>>> dm_ext_deleteItem(0, 0, 1)
"Menu 2" disappears on the screen, this works as expected. But now when I re-inspect the menu using the API, I find that the API reports exactly the same as before:
>>> dm_ext_getSubmenuParams(0, 0)
["dm0m0", 2, "", 0, 1]
>>> dm_ext_getSubmenuParams(0, 1)
["dm0m1", 1, "dm0m0i0", 1, 0]
>>> dm_ext_getSubmenuParams(0, 2)
["dm0m2", 1, "dm0m0i1", 1, 0]
So, it seems the report function continues to know about the original menu structure and reflects it. Am I using the API in a wrong way?
The problem I want to solve is to remove the entire menu dinamico dhtml, in order to rebuild it dynamically. Because I did not see a function aimed to this functionality, my plan was to delete all main menu entries subsequently until the main menu inspector no longer reports an entry. Is there (a better) way to achieve this?
A: Unfortunately, dm_ext_deleteItem() only change visibility of theseitems.
It doesn't delete them completely.
We'll try to fix it in the next versions of JavaScript Tree Menu.
Q: This is great on last quesion how can I make the items on the top menu with java different colors? I looked at this example and cannot figure it out
http://deluxe-menu.com/data-templates/multiple-styles-1-template-sample.html A: You should create Individual Item Styles and assign them to your topitems:
var itemStyles = [
["itemBackColor=#CE9DE1,#B978D1",],
["itemBackColor=#84DA7A,#48D641",],
["itemBackColor=#5EA6E1,#507ECB",],
["itemBackColor=#54CDCA,#32ABA8"],
];
["Home","", , , , , , , , ],
["Product Info","", , , , , "0", , , ],
["Menu Samples","", , , , , "1", , , ],
["Purchase","", , , , "_blank", "2", , , ],
["Contacts","", , , , , "3", , , ],
