Recent Questions
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 ( 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 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>
...
<!-- Deluxe 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 really like how this works and I think it will wind up working for us, but I have a question. On the xp style dynamic tree menu, is there a way when you click one of the 'headers' that will open up other choices for example on your http://www.deluxe-tree.com/data-samples/tree-menuxp3.html tree. When youclick either the deluxe tree:xp style or the samples gallery or the samples gallery2 section, can you make it so it opens a page in another frame? The way it is now you it wont open a page until you click on the 'samples block 1' or below.
A: Actually you cannot use links for the top items in the XP Style.
But theoretically you can use links for the top items. You can write
["<a href='index.html' class='home' target="frame">Home</a>","", "", "", "", "Return to Index page", "", "0", "", ],
["<a href='http://www.domain.uk' class='home' target="frame">About Us</a>","", "", "", "", "", "", "0", "", ],
["|Introduction","http://www.domain.uk/introduction.htm", "", "", "", "", "", "", "", ],
Q: I have a couple of questions related to the deluxe-menu software. Here they are:
I have been working with on a site and I am kind stack using the program. I want to use the tree option but not all java script drop menu items need to have subcategories. For example:
Category 1
Sub-menu 1-1
Sub-menu 1-2
Sub-menu 1-3
Category 2
Sub-menu 2-1
Sub-menu 2-2
Sub-menu 2-3
Category 3
Category 4 When someone click on the "Category 1" or "Category 2", I want them to see the sub-menus. However, when some click on "Category 3" or "Category 4", I would like to have it open the appropriate page. How do I do this? This will make a lot easier because not all java script drop menu items need to have sub-menus… I hope that makes sense and you can help me on getting this done.
Thanks in advance and looking forward to your answers,
A: You cannot use links for the top java script drop menu items in XP Style only.
var tXPStyle=1;
but you can write:
["<a href='http://deluxe-menu.com'>Item 45</a>","", "", "", "", "", "", "", "", ],
Q: I am having great problems making my tab working, I seems to select the second tab by default.
I have looked in your frequent asked questions and tried the below suggestion, I have not used the registered domain as I am in the process of design.
var bselectedItem = 3;
Where 3 is the number of your menu item from the var bmenuItems parameter.
var bmenuItems =
[
["Mac Tab 1", "content1"],
["Mac Tab 2", "content2"],
["Mac Tab 3", "content3"],
["Mac Tab 4", "content4"], // selected tab
];
The ID of the item starts with 0.
Try that.
But without success?
Any idea?
Please advice
A: See, the ID of the item starts with 0.
So, if you use TabMode ( var tabMode=1;):
var bselectedItem = 10;
["-", ] - separator, ID = 0
["Mac Tab 1", "content1"], ID = 1
["Subitem1","testlink.html",] ID = 2
["Subitem2","testlink.html",] ID = 3
["Mac Tab 2", "content2"], ID = 4
["Subitem1","testlink.html",] ID = 5
["Subitem2","testlink.html",] ID = 6
["Mac Tab 3", "content3"], ID = 7
["Subitem1","testlink.html",] ID = 8
["Subitem2","testlink.html",] ID = 9
["Mac Tab 4", "content4"], // selected tab ID = 10
["Subitem1","testlink.html",] ID = 11
["Subitem2","testlink.html",] ID = 12
If you use tabs ( var tabMode=0;):
var bselectedItem = 2;
["-", ] - separator, ID = 0
["Mac Tab 1", "content1"], ID = 1
["Mac Tab 2", "content2"], ID = 2 // selected tab
["Mac Tab 3", "content3"], ID = 3
["Mac Tab 4", "content4"], ID = 4