Template: Xhtml Tree Menu

Linux Javascript Tree View Menu

The template emulates Linux menu style. To open submenus click on menu items.
The appearence of this template is determined by the following parameters:

    - Toggle-mode support.
    - Items have icons
    - Animation effect for subitems
    - Menu has a static position and is placed within the table cell.

Key features:

    - Submenus have a fade effect
    - Personal CSS styles for separate menu elements
    - 3-state icons for each item
    - Status string shows item labels
    - Movable and floatable menu
    - Filters and Transitional effects
    - Inactive/Disabled items
    - Items with icons

Menu Screenshots Xhtml Tree Menu

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

Features Xhtml Tree Menu

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

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 Dynamic Jump Menu Xhtml Tree Menu

Easy Setup

De Luxe Tuner. GUI interface to create your xhtml tree menu menus easily and in no time
Sensible menu parameters for manual editing

Cost Effective

Starts at just $39. Buy Now!
FREE for non-commercial websites. Order Now!
No-limits free trial version. Download Now!

Professional Look-n-feel

Entirely customizable look-n-feel
A lot of pre-designed xhtml tree menu samples
Hundreds of visual effects
Custom CSS styles can be applied for all menu settings

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

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.

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

Recent Questions Xhtml Tree Menu

Q: I also did not understand the difference between the "deluxe menu" and the "deluxe tree" software. Can you please send me a short description?

A: These are different menus.

Javascript/DHTML Tree is a tree view. Items in Javascript/DHTML Tree are expand/collapseon click.

JavaScript Tree Menu is a cascade menu.

Q: My menu does not work with IE7 (I don't know if it works with IE6) but it works perfectly in FF and Netscape. HELP!!!

A: You have several errors in your data file.

Please, check that you don't have additional spaces in yourparameters.

For example:
var fontColor=["#F3E398 ","#F3E398 "];
var itemBackColor=["#43597E","#9B1313 "];
"fontColor=#F3E398 ,#F3E398 "

Q: The dhtml floating menu does not align to the top of the column and it migrates as one scrolls up or down the page. I would like it to stay in one place.

A: 1) Add valign="top"> parameter for the TD tag with the menu:
<td valign="top">
<script type="text/javascript" src="welcome_files/frenchdata.js"></script>

2) Open your frenchdata.js file in any text editor (or Deluxe Tuner) and change:
  var absolutePos=0;
  var posX="20px";
  var posY="120px";
to
  var absolutePos=0;
  var posX="0px";
  var posY="0px";

3) To turn off the floating feature you should set the following parameter in yourfrenchdata.js file:
  var floatable=0;

Q: Please tell me where I am going wrong:

The menu is all messed up!

A: See, now you have:
  var itemBackImage=["data.files/btn_green.gif","data.files/btn_whitegreen.gif"];

and you also assign Individual Item Style with itemBackImage anditemWidth parameters for each item

  var itemStyles = [
["itemWidth=92px","itemBorderWidth=0","fontStyle=normal 11px Tahoma","fontColor=#000000,#000000",
"itemBackImage=data.files/btn_whitegreen.gif,data.files/btn_white_white.gif"],
];

  var menuItems = [

["projects","", , , , , "0", "0", , ],
["FMWR","", , , , , "0", "0", , ],
["general water info","", , , , , "0", "0", , ],
["bulletin board","", , , , , "0", "0", , ],
["WSS MDG tracking","", , , , , "0", "0", , ],
["reform instruments","", , , , , "0", "0", , ],

You should delete itemBackImage and itemWidth parameters from itemStyles.

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