Recent Questions Html Tree Menu Example
Q: I would like to add your tree structure to my web page. I need to know if I can add substantial data to the expanded tree structure, for instance:
Click here to expand product A
And here is the expanded content that takes up three paragraphs and
wraps itself etcetera all about product A
Can your deluxe-tree accept multiple lines and paragraphs with wrapping in the sub items, or is it for one or two line menu data only.
A: var tnoWrap=0;
You can also use <br> tags in the item text, for example:
var tmenuItems = [
["line 1<br>line 2"],
];
Q: I am evaluating your fine menu builder application.
Please let me know the following:
a) How could I call a script instead of specifying a link?
["|Product A","http://dhtml-menu.com","","","",,"0",],
b) If the above is possible, please let me know how, in the called script, I could know where the call to the script come from.
A: You can use your own javascript functions in the menu items.
You should paste "javascript:some_function()" into item's link field, for example:
var menuItems = [
["text", "javascript:your_function(...)", ...]
];
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 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/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 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>
...
<!-- Javascript/DHTML 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: I would like to use it in a page containing two iFrames.
The iFrame called "nav" is where the menu will appear and the iFrame called "main" is where I want any sub-menu items to appear.
How can this be done given there are no "frameset" tags in this type of structure?
A: JavaScript Tree Menu doesn't work with <IFrame> objects.
It works with<frameset> objects only. All it can to do with <IFrame> is to loadpages into it.
You should use standard installation for the menu.