Recent Questions Simple Javascript Tree With Div
Q: I really like floatable tree menus and want to add in this website.
I am not professional website developer … I’ve installed your trial software …
but not able to add tree menus in my website.
Can you pls guide me how I can add dhtml vertical 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" on the 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: When I put any new link on my javascript scrolling menu info tree it goes as if I am placing as _blank when I have it leading to _self.
A: No you have:
var titemTarget="_blank";
And you haven't specified "_self" parameter to
["||Unilock Fireplace MODS","fireplace_unilock_mods.htm", "", "", "", "", "", "", "", ],
You should set
var titemTarget="_self";
or set "_self" parameter for each item individually:
["||Unilock Fireplace MODS","fireplace_unilock_mods.htm","", "", "", "_self", "", "", "", ],
Q: I was wonder if there was a way to have the css tree view already expanded with I open the page the menu is on instead of having to expanded every time.
A: The following parameter expands all menu items by default:
var texpanded=1;Q: I keep getting this javascript error: "smMovable is undefined" in my javascript rightclick menu.
I am using the development version no source code. I only get the error when adding sub menu items. When it only has the top level menu items everything works fine. I have attached the script, which the portion I generate works fine when I open it using the deluxe tuner application. I am generating the menu from .Net.
I am also attaching the generated html file.
Any help with this would be appreciated. do I add padding around a top menu item?
A: Now you have the following parameters:
var moveImage=";
var transOptions=";
It is not correct. You should write:
var moveImage='';
var transOptions='';