Recent Questions
Q: I have inherited a project to finish which makes use of your java script tree menu.
I have not used your product. Is there a user’s guide/manual I can download?
A: Unfortunately we don't have step by step tutorial yet.
We'll try to create it in the nearest time.
1. Create your menu in Deluxe Tuner application.You can create any menu you like in Deluxe Tuner.
Deluxe Tuner v3.0 supports Deluxe Menu (http://deluxe-menu.com) &Deluxe Tree (http://deluxe-tree.com) & Deluxe Tabs (http://deluxe-tabs.com)
You can use ready to use templates. You can find them in the templateswindow.
When you open Deluxe Tuner ( Deluxe Tree ) you can click "File/New"and add items and subitems using buttons "Add Item" and "Add Subitem" onthe main window.
You should set items and subitems parameters on the "Item Parameters"window.
See also other parameters for the java script tree menu on the main window.
More info about menu parameters you can find on our site
http://deluxe-tree.com/parameters-info.html
http://deluxe-tree.com/menu-items-info.html
You can also use Individual Styles for items and subitems
http://deluxe-tree.com/individual-item-styles-info.html
http://deluxe-tree.com/individual-submenu-styles-info.html
2. You should install the java script tree menu on your page.
You can click, for example, File/Export to HTML (you can't do it inthe MAC version).
Add several rows into your html page.
<head>
...
<!-- Deluxe Tree -->
<noscript><a href="http://deluxe-tree.com">Javascript Tree Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript"> var tWorkPath="deluxe-tree.files/";</script>
<script type="text/javascript" src="deluxe-tree.files/dtree.js"></script>
...
</head>
<body>
...
<table>
<tr><td><script type="text/javascript" src="deluxe-tree.files/data.js"></script></td></tr> //data-deluxe-tree.js - data file created in Deluxe Tuner.
</table>
...
</body>
You should also copy all engine files
dtree.js
dtree_add.js
dtree_dyn.js
dtree_ajax.js
into "deluxe-tree.files/" folder. You should place this folder in thesame folder with your index. html page.
Try that.
Q: We have several problems with your menu.
Notice when trying to select a drop down item…the item disappears, rather than holding in place as the mouse is over the menu item.
Second, we’d like to know how to expand the width of the main headers and sub headers. Currently, they are not of the same width.
Lastly, we’d like to change the font and load new fonts to match the branding of the menu items.
Please let us know where we can find instructions to make these modifications/customizations.
A: Please, try to write your menuItems parameter correctly.
You should set "iconOver" parameter for each item (you can set "").
Please, see how you should write your menuItems:
["","index.php","nav_home_out.gif","nav_home_over.gif","","_self","0",,,],
["","","nav_experience_out.gif","nav_experience_over.gif","","_self","0",,,],
    ["|Contestants","experience_contestants.php","","","_self","2",,,],
...
> Second, we’d like to know how to expand the width of the
> main headers and sub headers. Currently, they are not of the
> same width.
You should use Individual styles, for example:
var itemStyles = [
["itemWidth=120px","arrowImageMain=image1,image2=home_out.gif,home_over.gif"],     // style 0
["itemBorderWidth=2","itemBorderStyle=solid,solid", "itemBorderColor=#AA0000,#0000FF"],     // style 1
["fontStyle=bold 12px Arial,Helvetica", "fontDecoration=none,underline"],     // style 2
];
var menuItems = [
["","index.php","nav_home_out.gif","nav_home_over.gif","","_self","0",,,],
    ["","","nav_experience_out.gif","nav_experience_over.gif","","_self","0",,,],
...
For submenus you should set the following parameter:
var smWidth="150px";
> Lastly, we’d like to change the font and load new
> fonts to match the branding of the menu items.
You should also use Individual styles.
But you should set this parameter:
var fontStyle="";
And then use different fonts for your items.
Q: Is it possible to open the dhtml tree to a particular state when a link is chosen from elsewhere in the site (not from a menu link)?
A: function dtreet_ext_expandItem (itemID, expand)
Expands/collapses a specified item or a submenu.
itemID - ID property of an item. expand - 0 - expand the item, 1 - show the item.
For example place to your HTML code
<script>
dtreet_ext_expandItem('dtree_0i2',0);
</script>
For details please see
http://deluxe-tree.com/functions-info.html
Q: Is there a way to use the smartscrolling function (for a vertical menu) on the MAIN menu instead of only for the submenu's?
A: You can't use scrolling in the main menu. But if you have verylarge menu you can use multilevel menu,
http://deluxe-menu.com/multilevel-menu-sample.html
Theoretically we can do scrolling in the main menu, but we think that it will be better touse multilevel menu in that case.