Tree Menu User Instructions by Deluxe-Tree.com
Tree Menu User Instructions

Template: Tree Menu User Instructions

XP Style Olive Floatable Menu Tree

Floating Menu Tree
- When the page is scrolled the menu remains visible (parameter: var tfloatable).
   Try to scroll the page.
- The menu can "float" along one or two coordinate axes with different speed
   (parameters: var tfloatableX, var tfloatableY, var tfloatIterations).

Key features:

    - Submenus expand/collapse on mouseover
    - Items with icons
    - Personal CSS styles for separate menu elements
    - Submenus have a fade effect
    - Image arrows
    - Relative/Absolute menu position
    - different speed for an animation for submenus
    - Movable and floatable menu





Buy Now!  Free Trial Download

Menu Screenshots Tree Menu User Instructions

Tree Menu User Instructions Tree Drop Menu Slide

Buy Now!   ::  Free Trial Download   ::  More Info

Features Tree Menu User Instructions

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed tree menu user instructions samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
Sliding Navbar Tree Tree Menu User Instructions
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
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Tree Menu. Expandable Menu.

  • Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
  • Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/disabled. Addition/removing of items. Changing of visibility of items. Collapsing/expanding of items. Getting the information on any menu, submenu and items. Other tricks. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions Tree Menu User Instructions

Q: Can you please guide me how can i use the ajax functionality for tree view navigation..


A: To enable AJAX Tree Menu use the following menu parameters:

  var tajax=1; // enables AJAX technology support

Each .js file must contain menuItems variable for the submenu in the following format:

  var tmenuItems = [
[text, link, icon1, icon2, icon2, tip, target, itemStyle, submenuStyle, jsFileName],
];

Where jsFileName - .js filename on the server that contains tmenuItems variable for the submenu.

More info you'll find here:
http://deluxe-tree.com/ajax-menu-loading-sample.html

Q: If there is an option in the php navigation bar to make all of the top items the same size?

A: Set width for the items using Individual styles:
  var itemStyles=[["itemWidth=100px"],] //style 0

Assign Individual Styles for the menu Items.

  var menuItems = [
["Item 1","", "", "", "", "", "0", "", "", "", "", ], //style 0
["Item 2",", "data2.files/icon1.gif", "data2.files/icon1o.gif", "", "", "0", "", "", "", "", ], //style 0
...

You can see more info here:
http://deluxe-menu.com/individual-item-styles-info.html

Q: I am interesting to use it for integration in some CMS I am currently using, as for instance : Xoops

1. Do you think that it is possible easily to integrate your menus with the xoops database content for the texts and links ?

2. Where links are they specified in the Deluxe Tuner interface
Thanks for your help


A: 1) JavaScript Tree Menu wasn't developed as Xoops extension,BUT you can use it as standard Javascript files.
To create and configure your menus use Deluxe Tuner application
(included into the trial package): http://deluxe-menu.com/deluxe-tuner-info.html

Please, try the trial version.

2) You can assign link for each item. You can do it in "ItemParameter" window "Link" field.


Q: Everything will go fine during setup, until I get further into it, I will get an error. It says error on a line of text that isnt even there. The line of text does not exists. Please let me know how I can correct this issue and get the program running right.

A: See, it is not correct to write " symbols within menuItems:

   ["||A23 (3" DIAM)","http://www.interlight.biz/products.int?Category=INCANDESCENT&Subcat=A+SHAPE&Dept=A23+%283%22+DIAM%29",

Try to write your last items in the following way:
   ["||A15 (2" DIAM)","http://www.interlight.biz/products.int?Category=INCANDESCENT&Subcat=A+SHAPE&Dept=A15+%282%22+DIAM%29", "", "", "", "", "", "", "", "", "", ],
   ["||A19 (2.5" DIAM)","http://www.interlight.biz/products.int?Category=INCANDESCENT&Subcat=A+SHAPE&Dept=A19+%282%2E5%22+DIAMETER%29", "", "", "", "", "", "", "", "", "", ],
   ["||A21 (2.6" DIAM)","http://www.interlight.biz/products.int?Category=INCANDESCENT&Subcat=A+SHAPE&Dept=A21+%282%2E6%22+DIAM%29", "", "", "", "", "", "", "", "", "", ],
   ["||A23 (3" DIAM)","http://www.interlight.biz/products.int?Category=INCANDESCENT&Subcat=A+SHAPE&Dept=A23+%283%22+DIAM%29", "", "", "", "", "", "", "", "", "", ],




Buy Now!   ::  Free Trial Download   ::  More Info