Recent Questions C Javascript Tree Node Onmouseover
Q: I would like all my submenus of the html menu to appear in the same location on the page and not relative to the parent menu item.
A: You can do it using the following parameters:
var subMenuAlign = "left"; - Horizontal alignment for submenus.
"pleft", "pcenter", "pright" - alignment relative to the parent submenu.
var subMenuVAlign = "top"; - Submenus vertical alignment.
"ptop", "pcenter", "pbottom" - alignment relative to the parent submenu.
Q: My question is how can I change the size and color of the font for the
main items in the simple dhtml menu, not the drop downs?
A: You can use Individual Item Styles in that case:
http://deluxe-menu.com/individual-item-styles-info.html
Set the style you need for subitems:
var fontStyle=["normal 11px Trebuchet MS, Tahoma","normal 11px Trebuchet MS, Tahoma"];
Set the style you need for main items:
var itemStyles = [
["fontStyle='bold 12px Arial','bold 12px Arial'"], // style 0
];
Assign this style for main items:
var menuItems = [
["Scenic album","scenic-album.htm", "", "", "", "", "0", "", "", "", "", ], //assign style 0
["|Item 8","", "", "", "", "", "", "", "", "", "", ],
["|Item 9","", "", "", "", "", "", "", "", "", "", ],
> ["|Item 10","", "", "", "", "", "", "", "", "", "", ], ["Floral album","floral-album.htm", "", "", "", "", "0", "", "", "", "", ], //assign style 0
["Southwest album","southwest-album.htm", "", "", "", "", "0", "", "", "", "", ], //assign style 0
["Wildlife album","wildlife-album.htm", "", "", "", "", "0", "", "", "", "", ], //assign style 0
];
Q: One other question, how do you get the menu bar to highlight and stay on the page you are viewing rather than highlighting home the whole time.
A: You should set a pressed item using Javascript API:
function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)
Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.
But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.
Q: The /js subdirectory of the Apycom Tree Menu trial package has no data file, i.e. the data file is missing.
A: This file can be renamed, for example, into tree-data.js.
This file contains Javascript code with menu parameters and items.
It has the following structure:
var param1 = value1;
var param2 = value2;
var param3 = value3;
...
var tmenuItems = [...];
Please, check that.
Use our examples to see how to install the menu.
Use DHTML Tuner application from the same .zip package to create andconfigure your menus.