Recent Questions Css Tree Menu Example
Q: Is there a way to have multiple drop down menus on the same web page? What I mean by that is I have a banner with drop downs (horizontal on page) that I want to use possibly with an include statement and when you click on one of the links from the drop down it would take you to a page that is say a department for example. But on this "department page" it would have another list of drop down menues in a different location in a vertical list. This gets tricky with a second set of script running to define the banner and a second set of drop down menues running vertical in a different location.
A: You can use as many different drop down menus on your site or your page as you want.
See more info about installation of several menus on the single pagehere:
http://deluxe-menu.com/installation-info.html
Q: Is it possible to make the menuitems rightclickable in the latest version of javascript dhtml menu. I want to rightclick on the dropdown item and choose open in new window.
A: No, there is no such a feature in JavaScript Tree Menu v3.2.7.
You can write your item in the following way:
["|<a href='http://www.domain.com'>test test test</a>",""],
But you should assign style for this link.
A.link {
...
}
A.link:hover {
...
}Q: Hello. I am trying to test out your mouse over drop down menu and I am having trouble using the separators. Are there certain things that need to be in placed for the separators to work?
Nothing in the js code is showing me that they even exist.
A: You should set a separator in the menuItems, for example:
var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],
];
Please, see the following parameters:
//--- Separators
var separatorImage=""; //for subitems
var separatorWidth="100%";
var separatorHeight="3px";
var separatorAlignment="right";
var separatorVImage="images/public/separator.gif"; //for the top items
var separatorVWidth="100%";
var separatorVHeight="2px";
var separatorPadding="";
Q: Thanks for your information, and the program is very useful and user friendly compare with others.
But I have a question, pls see the following example.
inside the menu.js (the file which we will run as navigation bar)
var menuItems = [
["Member's Home","membersarea.php", "menu.files/icon_xp2_7.gif", "menu.files/icon_xp2_7o.gif", "", "_self", "", "", "", "", "", ],
["Submit Items","sellitem.php", "menu.files/selling0.gif", "menu.files/selling1.gif", "", "", "", "", "", "", "", ],
["Wall / Friend List","membersarea.php", "menu.files/inbox0.gif", "menu.files/inbox1.gif", "", "", "", "", "", "", "", ],
when setup running the php file directly is no problem
however, as we have some links will have different values as the end (have problem running at the menu)
such as blog.php?ownid=4497
there is having a dynamic value at the end
at our php files we use
<a href="blog.php?blogger=<?=$auctionDetails['ownerid'];?>">
Any suggestion for this case? or you can give us some example?
A: The following link should work fine in JavaScript Tree Menu:
["Item 1","blog.php?blogger=<?=$auctionDetails['ownerid'];?>", "", "", "", "", "", "", "", "", "", ],
You can also try to move menuItems and dm_init(); function to your page inside <script>tag:
<script>
var menuItems = [
["Member's Home","membersarea.php", "menu.files/icon_xp2_7.gif","menu.files/icon_xp2_7o.gif", "", "_self", "", "", "", "", "", ],
["Submit Items","sellitem.php", "menu.files/selling0.gif","menu.files/selling1.gif", "", "", "", "", "", "", "", ],
["Wall / Friend List","membersarea.php", "menu.files/inbox0.gif", "menu.files/inbox1.gif", "", "", "", "", "", "", "", ],
];
dm_init();
</script>
