Recent Questions
Q: I would like, that not only the text is represented differently when dhtml nav menu item is expanded, also the Icon separates before it at the side where I am.
iconarrs.gif is not right
iconarrs_aktiv.gif is right
How do I solve that?
A: You should set arrow for expanded state
["||Seite 1","seite1.htm", "deluxe-tree.files/iconarrs.gif", "", "deluxe-tree.files/iconarrs_aktiv.gif", "Seite 1", "_self", "", "", "", ],
["||Seite 2","seite2.htm", "deluxe-tree.files/iconarrs.gif", "", "deluxe-tree.files/iconarrs_aktiv.gif", "Seite2", "_self", "", "", "", ],
["||Seite 3","seite3.htm", "deluxe-tree.files/iconarrs.gif", "", "deluxe-tree.files/iconarrs_aktiv.gif", "Seite3", "_self", "", "", "", ],
Q: Is there a way to increase the margin between the text on the main tree menu and the edge of the dhtml menu control. The text appears to be right up against the left margin.
A: You can add symbol before item's text, for example:
[" Deluxe Tree: XP Style","", "", "", "", "XP Title Tip", "", "0", "0", "", ],
or you can write:
["+<div style='padding-left: 15px;'>Deluxe Tree: XP Style</div>","", "", "", "", "XP Title Tip", "", "0", "0", "", ],
Actually you can use any html code within dhtml menu control items.
Q: When you hover over words the background color is light blue - How do I change dhtml context menu so that the color when you hover over items is different?
A: You should change the following parameter:
var itemBackColor=["#FCEEB0","#65BDDC"];
Q: I know. I have two menus on the page and I am not using beforeItemImage orafterItemImage for the top menu in javascript (the one you referenced below), but I need it for the second menu. The parameters for that menu are in mainnav_data.js.
Even when I only call dmWorkPath and dmenu.js once, it does not work.
A: See, it is not correctly to use image-based items:
["","", "mainnav_data.files/corpinfo.gif", "mainnav_data.files/corpinfo2.gif", "", "_self", "0", "", "", "", "", ],
and specify beforeItemImage/afterItemImage parameters. They won't work in that case.
You can create such buttons in the following ways:
1) Use image-based menu (images with text).
Create normal and mouse-over state images (with text) for each item:
["","", "mainnav_data.files/corpinfo.gif", "mainnav_data.files/corpinfo2.gif", "", "_self", "", "", "", "", "", ],
["","", "mainnav_data.files/new.gif", "mainnav_data.files/new2.gif", "", "_self", "", "", "", "", "", ],
["","", "mainnav_data.files/xxxxx.gif", "mainnav_data.files/xxxxx2.gif", "", "_self", "", "", "", "", "", ],
2) Use combined background for the menu in javascript items (images without text).
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
You cannot use these two methods together!