Recent Questions Javascript Tree Save
Q: I can't figure out how to get menu items to swap images to use like a traditional image rollover. In the Dhtml menu, I can change the style background without needing images, or I can use generic images as a background, but I have situations where I need to use unique images for each state of a button.
These unique image buttons contain text and graphics, and there are different images for different states: normal, mouse over, mouse down.
A: The menu has only two states normal and mouseover.
You should use Individual Item Styles.
Please, see the example of JavaScript Tree Menu here:
http://deluxe-menu.com/data-templates/vista-style-02-template-sample.html
You should use "itemBackImage" parameter.
var itemStyles = [
["itemWidth=92px","itemBorderWidth=0","fontStyle=normal 11px Tahoma","fontColor=#FFFFFF,#FFFFFF","itemBackImage=btn_greenblack.gif,btn_green.gif"],
];
Q: I am just starting to work with deluxe menu for a site that I am developing. I will soon be going through the purchase of a license but have not yet reached that point.
At the moment though, as I build the framework for the site locally on my computer, I notice that the menu behave a looks differently in IE 6 and Firefox (I am focusing on a CSS base menu). Is this something that will be worked out once I have purchased the licensing key or is there something else that I am missing?
A: JavaScript Tree Menu works fine in all browsers.
Try to set exact width for the menu width and menu height, try to specify unitsin "px":
var menuWidth="500px";
It's necessary to specify exact value for Mozilla browsers. It helpsto position menus correctly.
var menuHeight="20px";
You should also check your padding parameter, you should write it so:
var itemPadding="1px 1px 1px 12px";
You can also send us a copy of your html page (including .js files) ora direct link to your website, so we can check it.
Q: I'm using your javascript onclick menu tabs. What exactly is bselectedSmItem for? I know that bselectedItem is the selected tab, but what is bselectedSmItem?
A: bselectedSmItem is index of the selected subtab.
You should use this javascript onclick menu parameter if you use var tabMode=1;
If you use var tabMode=0;
you should set it to:
var bselectedSmItem=0;
Q: Hi, I just downloaded a trial version of your software but I don't know how to use it. Do you have online tutorials to learn how to work with it?? Thank you.
A: Unfortunately we don't have step by step tutorial now. We'll try tocreate it in the nearest time.
1. Create your menu in Deluxe Tuner application.
You can create any menu as you like in Deluxe Tuner.
Deluxe Tuner v2.4 supports JavaScript Tree Menu (http://deluxe-menu.com) &Javascript/DHTML 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 ( JavaScript Tree Menu ) 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 menu on the main window.
More info about menu parameters you can find on our site (you can alsouse local version of the site which you can find in the trial package"JavaScript Tree Menu / deluxe-menu.com /")
http://deluxe-menu.com/parameters-info.html
http://deluxe-menu.com/menu-items-info.html
You can also use Individual Styles for items and subitems
http://deluxe-menu.com/individual-item-styles-info.html
http://deluxe-menu.com/individual-submenu-styles-info.html
2. You should install the 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>
...
<!-- JavaScript Tree Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript"> var dmWorkPath="deluxe-menu.files/";</script>
<script type="text/javascript" src="deluxe-menu.files/dmenu.js"></script>
<script type="text/javascript" src="data-deluxe-menu.js"></script> //data-deluxe-menu.js - data file created in Deluxe Tuner.
...
</head>
<body>
...
<table>
<tr><td><script type="text/javascript" src="deluxe-menu.files/data.js"></script></td></tr>
</table>
...
</body>
You should also copy all engine files
dmenu.js
dmenu4.js
dmenu_add.js
dmenu_dyn.js
dmenu_key.js
dmenu_cf.js
dmenu_popup.js
dmenu_ajax.js
into "deluxe-menu.files/" folder. You should place this folder in thesame folder with your index. html page.
