Recent Questions Free Pure Css Tree Menu Examples
Q: I cannot see my menu on the pages. Could ypu help me?
A: Try to move the following code in the <head> tag
<script type="text/javascript"> var dmWorkPath = "";</script>
<script type="text/javascript" src="dmenu.js"></script>
Notice: your menu won't work correctly if you write src="/dmenu.js"
Q: I'm trying to display the submenus to the left of the menu. I searched your questions and found one that said to use the following:
var smViewType=2;
I added this but it didn't do anything.
A: Try to use this parameter:
var subMenuAlign = "left";
Q: As a part-time webdeveloper I have gotten very interested in your product. I really appreciate a number of things
- it's very flexible
- it's very easy to work with
- examples nicely show the capabilities
But I have a couple of questions:
- When opening a menu, there is an option for keeping the menu-item that has been pressed hightlighed (so that the user can see what he/she pressed). Is it possible, programmatically, to decide when this highlighting should be removed? The scenario is that, when a menu-item is clicked the used might browse for a couple of pages within the context defined by the menu-item, but when the user leaves, the menu-item should no longer be highlighted. I will (programmatically) decide the context, but is it possible for me to interact with the menu, and for example decide explicitly which menu should be highlighted?
- Our design department would like the menu containing the elements: "Skovdrift, Juletreer, Skovrejsning, etc". Please notice that "Brende" is supposed to show a menu item that is hightlighted. Is is possible to create this menu such that it is dynamic and each item is text-based (and not based on two pictures for each menu-entry: hightlighted and not)? I've been wondering how to solve this problem, but I cannot figure out a solution. The problem that I is stuck at, is how organise this speciel "frame" around each menu-element. Something that be partly accomplished using "arrowImageMain", but that does not bring me all the way. Please notice that the menu-items might not have any sub-menu.
A: I suppose that you're saying about
var pressedItem=-2;
Defines an item that will appear in the highlighted state
(-2 - normal mode, -1 - toggle mode is active, but highlighted item not defined, 0,1,2,3,... - # of pressed item including separators)
This parameter will not approach you.
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: When I check my website for accessibility it shows NoAlt on the dhtml drop down menu!.
Where do I add an alt tag in the data file?
A: You should use the fifth parameter in menuItems
[text, link, iconNormal, iconOver, tip, target, itemStyleInd, submenuStyleInd, jsFilename],
For example:
["Home","index.htm", "", "", "Home", "", "", "", "", ],
["|Dr. Copeland's Bio","bio.htm", "", "", "Dr. Copeland's Bio", "", "", "", "", ],
["|Destiny History","history.htm", "", "", "Destiny History", "", "", "", "", ],
["|Contact Destiny","contact.htm", "", "", "Contact Destiny", "", "", "", "", ],
["|Dr. Copeland's Itinerary","itinerary.htm", "", "", "Dr. Copeland's Itinerary", "", "", "", "", ],
