Tournament Trees Js by Deluxe-Tree.com
Tournament Trees Js


Buy Now!  Free Trial Download

Menu Screenshots Tournament Trees Js

Tournament Trees Js Html Tree Rollover Drop Down

Features Tournament Trees Js

Easy Setup
  • De Luxe Tuner. GUI interface to create your tournament trees js menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed tournament trees js samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Javascript Tree Drag Tournament Trees Js
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
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
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".
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 Tournament Trees Js

Q: How can we add a css horizontal dropdown menu separator? I’ve tried the following code but it only adds a menu item with the text “|-“ which is unselectable.

dm_ext_addItem(0, 1,  ["|-"])

A: You should add separator without "|" symbol:

dm_ext_addItem(0, 1, ["-"], 1);



Q: I am evaluating various menu systems and need to know if your supports key navigation, like alt-F to select a menu?


A: JavaScript Tree Menu has keystrokes support.

Use the following parameter to enable keystrokes support:
  var keystrokes = 1;
0 - disabled (default), 1 - enabled.

Ctrl+F2 - enter the menu/switch to next menu on the page.
Arrow keys - navigate.
Enter - enter the menu.
Esc - exit the menu.

Use also the following parameters:
  var dm_focus = 1; Show focus selection for selected item.
  var dm_actKey = 113; Key code for keystrokes activation.
Works with Ctrl key only.
Default value is 113 = F2 key, 114 = F3 key, 115 = F4 key, etc.

Please, try the trial version, http://deluxe-menu.com


Q: Why when an image is added to the parent javascript layer menu (bar) breaks in two...

I just purchased it today.

A: See images in Vista Templates have the fixed width and height (92 x 21).

If you want to change items' width/height you should change images.

btn_cyan.gif
btn_cyan2.gif

You can do it in any graph editor, for example in Adobe PhotoShop.

You should also change items width in your Individual Item Style.

  var itemStyles = [
["itemWidth=92px","itemBorderWidth=0","fontStyle=normal 11px
Tahoma","fontColor=#FFFFFF,#FFFFFF","itemBackImage=btn_cyan.gif,btn_cyan2.gif"],
];

You can do it in Deluxe Tuner.



Q: I have just downloaded your trial version and am trying to use delux tuner using the windows xpstyle template.
I can only seem to get the top button showing as grey but can change colors of submenus in dhtml xml menu.
Am I missing something? ?ow do I get the top button showing the same as submenu buttons.

A: To change submenu colors you should change the following parameters:

  var menuBackColor="#F2F3F2";
  var itemBackColor=["#F2F3F2","#535353"];

and Individual Submenu Style:

  var menuStyles = [
["menuBackColor=#F2F3F2","menuBorderWidth=0","itemSpacing=0","itemPadding=4px","smOrientation=undefined"],
];

For the top items you should change Individual Item style:

  var itemStyles = [
["itemHeight=21px","itemBackColor=#F2F3F2,#535353"],
];