Pure Css Tree by Deluxe-Tree.com
Pure Css Tree


Buy Now!  Free Trial Download

Menu Screenshots Pure Css Tree

Pure Css Tree Tree Scroll Down Menu

Features Pure Css Tree

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
Tree For Creating Collapsible Menu Pure Css Tree
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your pure css tree menus easily and in no time
  • Sensible menu parameters for manual editing
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.

  • You can create 3-state icons for each item: normal state, mouseover state, expanded state.
  • Use images for icons, backgrounds of submenus and items.
  • You can use with any amount of menu and submenus on one page.
  • Insert any HTML code inside the menu item - be it a form or a picture, a flash-object or a text. This ability allows you to create various menus of any complexity.

Recent Questions Pure Css Tree

Q: I like to keep the menu open as long 15 secs nothing happend or the user clicked outside of the menu.

How to do?

I have my Menu totaly outside of the Content and would like that it stays as the user choose, till he like to close or long time dispear. (smHidePause.. works ok, but when it is too long, he can not close manualy..)

What to do?


A: Unfortunately, JavaScript Tree Menu doesn't have such a feature.

Please, try to use Javascript/DHTML Tree,

http://deluxe-tree.com


Q: Is there any way to call a javascript function on mouseover from a menu item?

A: You can use your own javascript functions in the menu items.

You should paste "javascript:some_function()" into item's link field, for example:

  var menuItems = [
["text", "javascript:your_function(...)", ...]
];

  var menuItems = [
["item text", "javascript:alert('Hello World')", , , , ,]
];

Unfortunately, you can't assign onmouseover/onClick event to each item. However, you can achieve this by using standard html objects within items, for example:

  var menuitems = [
["<div onMouseover='your_code_here'>item text</div>", "index.html"]
];



Q: May I use this menu in Arabic mode I mean in right to left mode?

If yes please let me know how?


A: You're able to use any characters for JavaScript Tree Menu in the same way asyou use them for standard html page.

The only issue is that submenus can be shown in incorrect positionwhen you're using dir=rtl for your page.

  var dmRTL = 0;
Set this parameter to 1 if you're using right-to-left direction of html page <HTML dir=rtl>.

Use also
  var smViewType = 2;
for right-to-left languages.

Please, see example:
http://deluxe-menu.com/ways-showing-submenus-sample.html

This examples demonstrates how the menu can change a submenusdirection. Use   var smViewType parameter to change a submenusdirection:

  var smViewType = 0..3;

Values:
0 - from left to right;
1 - from left to right + upwards;
2 - from right to left;
3 - from right to left + upwards;

In JavaScript Tree Menu when you call data .js file you can try to specify the encoding:

<script src="data.js" charset="utf-8"></script>

Unfortunately, you can't use arabic characters in Deluxe Tuner application.You should manually correct your code.


Q: We are looking at JavaScript libraries for our website, and we liked what we saw with your product deluxe-tabs. However, we have a need for both horizontal and vertical tabs, as well as nesting tabs. We would like the vertical (and nested tabs) to have the same capabilities and features as the horizontal tabs. We notive the vertical tab image example, but that was all we could find. Are there more extensive examples that show the same functionality as the horizontal tabs? Is the product, as is, capable of the same functionality for both vertical and horizontal tabs?


A: See, to create vertical tabs you should add '$' symbol before the itemtext in the first item of the next row.

You can use templates, add '$' symbol and adjust some parameters.