Tafeltree Treeselect by Deluxe-Tree.com
Tafeltree Treeselect


Buy Now!  Free Trial Download

Menu Screenshots Tafeltree Treeselect

Tafeltree Treeselect Dhtml Sliding Tree Menus

Features Tafeltree Treeselect

High Performance
  • AJAX menu loading - loads web menu data from the server "on-the-fly".
  • Commonly loads quicker than other html page elements
  • Runs well with an unlimited number of submenus and items
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed tafeltree treeselect samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Javascript Examples Menu Tree Tafeltree Treeselect
Unrivalled Features
  • Scrollable, dragable, floating
  • Unique Java Script API for altering menu "on-the-fly", without page reloading
  • AJAX technology - loads menu data from the server "on-fly and on-demand".
Cost Effective
Compatibility              
  • Full cross-browser compatibility including IE, Netscape, Mozilla, Opera, Firefox, Konqueror and Safari on Windows, Mac OS and Linux
  • Menu can be populated from a database using ASP, PHP, etc.
  • Search engine friendly
  • Support for any doctypes
  • Fits for secure sites
Buy Now!  Free Trial Download

Javascript Tree Menu. Expandable Menu.

  • These effects will make your menu more attractive and stylish. Among available transitional effects there are such as fade, mosaic, random dissolve, slide out and many others.
  • Create individual styles and assign them to any submenu and item. Use individual styles to achieve stunning effects!

Recent Questions Tafeltree Treeselect

Q: I’m interested in buying your products.
I have no experience in programming, only know html/php.
How easy would it be to set up these mouseover menus?
I understand your explanation of copying scripts into the relevant html pages.
But what about inserting the menus? Do I have to program them myself?


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.

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
dmenu_search.js
into "deluxe-menu.files/" folder.
You should place this folder in thesame folder with your index. html page.

Try that.


Q: Is there a way to open the link of my down horizontal menu in the same window?

A: You can set the following parameter:

  var itemTarget = "_self";



Q: When I check my website for accessibility it shows NoAlt on the dhtml drop down menu!.

Where do I add an alt tag in the data file?

A: You should use the fifth parameter in menuItems

[text, link, iconNormal, iconOver, tip, target, itemStyleInd, submenuStyleInd, jsFilename],

For example:
["Home","index.htm", "", "", "Home", "", "", "", "", ],
 ["|Dr. Copeland's Bio","bio.htm", "", "", "Dr. Copeland's Bio", "", "", "", "", ],
 ["|Destiny History","history.htm", "", "", "Destiny History", "", "", "", "", ],
 ["|Contact Destiny","contact.htm", "", "", "Contact Destiny", "", "", "", "", ],
 ["|Dr. Copeland's Itinerary","itinerary.htm", "", "", "Dr. Copeland's Itinerary", "", "", "", "", ],



Q: I have used Deluxe tuner menu on a web page and facing two small problems

a) The separator I have used do not show up. This is supposed to be a black horizontal line below every menu item. The image name is sep.jpg

b) The submenu appears on the right and I am unable to figure out a way to get the submenu to appear on the left. My navigation is placed on the right panel so if the sub menu appears on right of drop down menu bar, it practically goes off the page.

Can you please help with this and let me know why this is happening ?

A: 1) You should set separators between main items:

["Home","testlink.html", "data.files/bul.jpg", "data.files/bul.jpg", "", "", "", "", "", ],
["-"],
["About Us","", "data.files/bul.jpg", "data.files/bul.jpg", "", "", "", "", "", ],

And set:
  var separatorVImage="data.files/sep.jpg";
  var separatorVWidth="100%";
  var separatorVHeight="1px";
  var separatorPadding="0px";

2) You should set the following parameter:

  var smViewType=2;