Recent Questions On Demand Tree Menu
Q: I want to make a Treemenu with AJAX.
If I look in the dhtml menu tool preview all is good.
But if I put it in a html, it does not function anymore.
I'm using Version 3.2.6.12 (you sent me a while ago)
A: There is a bug in the current version of Deluxe Tuner. It doesn't saveengine file for AJAX menu - dtree_ajax.js.
Please, copy it manually now. We'll correct this bug in the nextversion.
You should also add tWorkPath parameter in your html page.
<!-- Javascript/DHTML Tree -->
<noscript><a href="http://deluxe-tree.com">dhtml menu tool by Deluxe-Tree.com</a></noscript>
<script type="text/javascript"> var tWorkPath="menu.files/";</script>
<script type="text/javascript" src="menu.files/dtree.js"></script>
<!-- (c) 2006, http://deluxe-tree.com -->Q: I want to buy your product today, but have a few questions:
How do I change the font style for java menu templates to 9pt Verdana bold, but leave the sub-menus 9pt Verdana normal? I understand there’s a "fontStyle" variable, but is there an "itemfontStyle"? How do I make the left hand padding greater for the menu? I’m using the XP Style 1 and the far left top menu item is running up against my left hand border. I want to add about 10px of spacing to the left of the menu. How do I make the options in a menu have equal spacing? For instance, if there are 5 items in the menu, how can each have 100% / 5?
A: You can use Individual Item styles to set specific parameters for eachitem or submenu.
1.
var fontStyle=["normal 9pt Verdana","normal 9pt Verdana"]; //for subitems
//style for the top items
var itemStyles = [
["itemHeight=21px","itemBackColor=#F2F3F2,#1665CB","fontStyle='bold 9pt Verdana','bold 9pt Verdana'"],
];
2., 4. You should specify itemPadding parameter in "px". You shouldadd "px" in your style for subitems:
var menuStyles = [
["menuBackColor=#F2F3F2","menuBorderWidth=0","itemSpacing=1","itemPadding=4px","smOrientation=undefined"],
];
Notice also that you can set multiple value for itemPadding parameter,for example:
itemPadding=4px 10px 4px 10px
top right bottom left
4. You should set the exact width for the java menu templates:
var menuWidth="500px";
and set width for the top items using Individual styles:
["itemWidth=100px","itemHeight=21px","itemBackColor=#F2F3F2,#1665CB","fontStyle='bold 9pt Verdana','bold 9pt Verdana'"],
Unfortunately it is not possible to specify item's width in '%' inIndividual styles. The following width parameters won't work.
var menuWidth="100%";
["itemWidth=20%","itemHeight=21px","itemBackColor=#F2F3F2,#1665CB","fontStyle='bold 9pt Verdana','bold 9pt Verdana'"],
Q: I notice in your examples that your menus are horizontal and then drop down.
Is it possible to configure your javascript menu generator for vertical menus?
A: Yes, it is possible.
You should set the following parameter:
var isHorizontal=0;
Q: I have installed all .js files in a subfolder under my html folder. \html\menudir\ all js files are here
My html file is in html folder.
Inserted in HEAD section in HTML file
<!-- JavaScript Tree Menu -->
<noscript><a href="http://deluxe-menu.com">simple javascript menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript"> var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<!-- (c) 2006, http://deluxe-menu.com -->
Later in BODY, used your sample popup javascript data-popup-mode.js file
<script type="text/javascript"
src="menudir/data-popup-mode.js"></script>
<img src="../images/lov.gif" onClick="return dm_popup(1, 2000, event);" style="cursor: pointer;"> When I view the page with simple javascript menu and click on the image, I get an error.
What am I doing wrong?
A: If you have only one menu on the page you should write popup functionin the following way:
return dm_popup(0, 2000, event);
