Floating Treeview by Deluxe-Tree.com
Floating Treeview


Buy Now!  Free Trial Download

Menu Screenshots Floating Treeview

Floating Treeview Tree Menu Best

Features Floating Treeview

Easy Setup
  • De Luxe Tuner. GUI interface to create your floating treeview menus easily and in no time
  • Sensible menu parameters for manual editing
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
Tree Windows Transition Floating Treeview
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed floating treeview samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Seamless Integration
  • Visible over flash, select boxes, iframes, java applets
  • Multiple menus on the same page
  • Amicable to other scripts and css styles
  • Any HTML code can be used inside menu items
Cost Effective
Buy Now!  Free Trial Download

Javascript Tree Menu. Expandable Menu.

  • Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu. Choose any color for submenus and items backgrounds.
  • Set the size of the menu in percent, pixels, or other units. This menu may have a relative (it can be inserted into the table, for example) or absolute position .
  • Use special prefixes for image paths and links to make paths absolute.
  • You can assign your own images for lines.

Recent Questions Floating Treeview

Q: I have set up a menu that uses one 'data.js' file.
However, on ONE page, the menu needs to have three additional items, with a different style.
Is there a way to add the three items with a different style via javascript on that one page?
I think I know how to handle the styles, but I'm unsure how to add the three new items without using two differerent 'data.js' files- which is how I have it set up for the time being. You may want to visit the site to see what I mean.


A: You can use dm_ext_addItem() function to add items.

Please, see how you should write this function:
function dm_ext_addItem (menuInd, submenuInd, iParams)

< SCRIPT src="Welcome to Catawba Animal Clinic, P_A_files/data.js" type=text/javascript> </SCRIPT>
<script type="text/javascript"> dm_ext_addItem(0, 0, ["Boarding Request Form","request.htm", , , , "_self", "0", "-1", , ]);</script>
<script type="text/javascript"> dm_ext_addItem(0, 0, ["Boarding Policies","", , , , , "0", , , ]);</script>
<script type="text/javascript"> dm_ext_addItem(0, 0, ["Express Checkout Info","", , , , , "0", , , ]);</script>

You should upload dmenu_dyn.js file on your server.

In your data.js file you should add need Individual Item Styles.


Q: Is it possible set a menu item to pressed when a page is loaded when you have multiple drop down menus on the page?  

I have 2 menus side by side and I was able to set the pressed item with the JavaScript API as described in your FAQs but when I try to show an item as pressed  in a second menu on the same page, the corresponding item in the first menu shows as pressed. Is there a different function that I can use for this or a way to reset the menu ID in the second menu to start from where the first menu left off so I can use the same function?

A: See the first parameter in
dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)
function is index of the menu.

So, if you use several menus on the one page you should use differentmenuInd parameter.

For example you have:

<script type="text/javascript" src="menu/data1.js"></script> //menuInd=0
...
<script type="text/javascript" src="menu/data2.js"></script> //menuInd=1
...
<script type="text/javascript" src="menu/data3.js"></script> //menuInd=2
...
<script type="text/javascript" src="menu/data4.js"></script> //menuInd=3

So, for the second menu you should write:

dm_ext_setPressedItem (1, 2, 5)



Q: Though, once I click on a link, the page will load properlyin the correct frame, but the next time I hover over that dhtml menu link again, I get a Permission Denied error.

A: It is possible that your links are incorrect.

If you open links situated in the different folders on your serveryou'll get error.

You can try to use absolute paths for your dhtml menu links:

  var pathPrefix_link="http://domain.com/";

You can also send us a copy of your html page (including .js files) ora direct link to your website, so we can check it.



Q: The /js subdirectory of the Apycom Tree Menu trial package has no data file, i.e. the data file is missing.

A: This file can be renamed, for example, into tree-data.js.
This file contains Javascript code with menu parameters and items.
It has the following structure:

  var param1 = value1;
  var param2 = value2;
  var param3 = value3;
...
  var tmenuItems = [...];

Please, check that.
Use our examples to see how to install the menu.
Use DHTML Tuner application from the same .zip package to create andconfigure your menus.