Recent Questions Jsp Dtree Jquery Blog
Q: I am not professional website developer … I’ve installed your trial software … but not able to add navigation menu tree in my website. Can you please guide me how I can add tree menus in left side bar of website?
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.
You can use ready to use templates. You can find them in the templateswindow.
When you open Deluxe Tuner ( Javascript/DHTML 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 menu on the main window.
More info about menu parameters you can find on our site
http://www.deluxe-tree.com/parameters-info.html
You can also use Individual Styles for items and subitems.
2. You should install the tree menu on your page.
You can click, for example, File/Export to HTML.
Add several rows into your html page.
<head>
...
<!-- Javascript/DHTML Tree -->
<noscript><a href="http://deluxe-tree.com">Javascript Tree Menu by Deluxe-Tree.com</a></noscript>
<script type="text/javascript"> var tWorkPath="deluxe-tree.files/";</script>
<script type="text/javascript" src="deluxe-tree.files/dtree.js"></script>
<!-- (c) 2006 - 2007, http://deluxe-tree.com -->
...
</head>
<body>
...
<table>
<tr><td><script type="text/javascript" src="menudir/data-tree.js"></script> </td></tr> //data-tree.js - data file created in Deluxe Tuner.
</table>
...
</body>
You should also copy all engine files
dtree.js - menu engine file
dtree_add.js - additional module for floatable/movable menus
dtree_dyn.js - additional module with Javascript API to change the menu "on-the-fly"
dtree_ajax.js - additional module with the AJAX-like support
into "deluxe-tree.files/" folder. You should place this folder in thesame folder with your index.html page.
Try that.
Q: I am interested in purchasing your product for use in my company's website code. My clients are not tech-savy, and I do not want to include any code that will generate concern or problems on the user end.
Is there a way to use the JavaScript menus without generating the warning as mentioned in the subject? I know how to allow the active content on my web browser, but I want code that will not require such actions on their browsers.
A: Thanks for your interest in our products.
Your clients should check browser settings.
Unfortunately, we can't affect on the browser behavior in this case.
Q: Have a question regarding your Deluxe-Tabs product.
Is it possible to set dhtml navigation menu up so clicking a tab runs a function in my page?
A: You can use your own javascript functions and html code in the menu items.
Unfortunately, you can't assign onmouseover/onClick event to each item. However, you can achieve this by using standard html objects within items, for example:
var bmenuitems = [
["<div onMouseover='your_code_here'>item text</div>", "content1"]
];
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"],
];
