Javascript Tree Accessibility by Deluxe-Tree.com
Javascript Tree Accessibility


Buy Now!  Free Trial Download

Menu Screenshots Javascript Tree Accessibility

Javascript Tree Accessibility Tree Expand Menu Down

Features Javascript Tree Accessibility

Cost Effective
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
Horizontal Tree Menu Frames Javascript Tree Accessibility
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript tree accessibility 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 javascript tree accessibility samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Buy Now!  Free Trial Download

Javascript Tree Menu. Expandable Menu.

  • Use a mouse to move a menu as a usual window.
  • When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes. After clicking on menu item selected item becomes highlighted.
  • There can be as many submenus as necessary. Any submenu in its turn can include different number of columns.

Recent Questions Javascript Tree Accessibility

Q: Now I experiences a problem with the Danish letters in dhtml menue.
I have changed the letters in the scriptfile - but this does not work.
Have we a problem with Danish letters?

A: Please, check that you've set "Tools/Use utf8 encode".

Notice that you should have UTF8 charset on your page too:

<meta http-equiv="Content-Type" content="text/html" charset="UTF-8">

You can also use another charset on your html page and open your data file in text editor,
enter thissymbols and save data file in the way you save your html page.

Notice that you should turn off "Tools/Use utf8 encode" setting in
order to open your data file correctly in Deluxe Tuner.



Q: Is there a problem with your menu software and IE 7?
My menu was working fine, now that I upgraded the browser to IE 7, the menu doesnot show any more.


A: Try to set exact value for menu width.

For example:
  var menuWidth="800px";

Your menu should work fine.


Q: The problem I am having is specfically on the home page. The Navigation dhtml horizontal menu is at the top of the page. There are also Flash documents on this page only. When you go to the dhtml horizontal menu and select and option that has Sub-Items and position your mouse over those items, when the menu expands to show all of the text, it is cut off on theright side, this only occurres when there is a flash document behind the menu. All of the other pages work fine.

Do you have any idea why this occurrs? I have tried several things to fix this, but no luck. Is there a fix for this?

A: Try to set exact width for your sub menus. You can do it usingIndividual Submenu style:

  var menuStylesNames=["Top Menu","width1","width2",];
  var menuStyles = [
["menuBackColor=transparent","menuBorderWidth=0","itemSpacing=0","itemPadding=5px 6px 5px 6px"],
["smWidth=100px"],
["smWidth=210px"],
];

 ["|Modifieds ","mods.html", "", "", "", "_parent", "", "1", "", "", "", ],

 ["|Amateur Winter Race Bonnanza","http://triovalspeedway.vflyer.com/1/index.html", "", "", "", "", "", "2", "", "", "", ],



Q: How do I apply styles to submenu items that are different from the styles of top javascript drop down menu items? For instance, I want to know how to apply background images for the submenus, but not for the menu items. I also want borders around the submenu ITEMS, not just the entire submenu. Here is the link to my page with the menus. The menu I am referring to is the top right hand menu (black with grey).

A: Create Individual Item and Submenu styles and assign it to your submenu items.

  var itemStyles = [

["itemHeight=23px","itemBackImage=deluxe-menu.files/btn_black.gif,deluxe-menu.files/btn_cyan.gif","itemBorderWidth=1","itemBorderStyle=solid,groove","itemBorderColor=#2C2C2C,#FF0000"],
];
  var menuStyles = [
["menuBackColor=transparent","menuBorderWidth=0","menuBorderStyle=none","itemSpacing=0","itemPadding=0px 0px 0px 10px"],
];

["Home","testlink.html", "", "", "", "", "", "", "", "", "", ],
["Product Info","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", "", "", "", "", "", "", "", ],
 ["|Features","testlink.html", "", "", "", "", "0", "0", "", "", "", ],
 ["|Installation","", "", "", "", "", "0", "", "", "", "", ],
   ["||Description of Files","testlink.html", "deluxe-menu.files/icon6.gif", "deluxe-menu.files/icon6o.gif", "", "", "0", "0", "", "", "",],
   ["||How To Setup","testlink.html", "deluxe-menu.files/icon6.gif", "deluxe-menu.files/icon6o.gif", "", "", "0", "", "", "", "", ],
...

Assign Individual Items style to all submenu items and Individual Submenu Style for the first item in each submenu.