Template: Tree Menu In Html W3 School

Tree Java Script Outlook 2003 look

The template emulatesOutlook 2003 look. 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 expand/collapse on mouseover
    - Personal CSS styles for separate menu elements
    - Submenus automatically scrolls
    - Relative/Absolute menu position
    - Inactive/Disabled items
    - Several menus on one page
    - Submenus have a fade effect
    - Unlimited number of sub levels

Menu Screenshots Tree Menu In Html W3 School

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

Features Tree Menu In Html W3 School

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

Cost Effective

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

Toolbar Javascript Tree Tree Menu In Html W3 School

Easy Setup

De Luxe Tuner. GUI interface to create your tree menu in html w3 school 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

Professional Look-n-feel

Entirely customizable look-n-feel
A lot of pre-designed tree menu in html w3 school 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.

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 In Html W3 School

Q: How do I create more space between the menu items?

I have tried adding to the Item Appearance, itemSpacing and itemPadding.

A: You can paste the separator.
Please, see the following parameters:

//------- Separators -------
  var separatorWidth = "10";
  var separatorHeight = "20";
  var separatorAlignment = "center";
  var separatorImage = "C";
  var separatorVWidth = "150";
  var separatorVHeight = "10%";
  var separatorVImage = "image.jpg";

You can create separators using menuItems, for example:

  var menuItems = [
["item 1"],
["-"], // this item is separator
["item 2"],
];

You can also use this parameter:

  var itemPadding = "4px";

You can also set multiple values, for example:

  var itemPadding = "2px 15px 5px 5px";

(top, right, bottom, left)

Q: I have a question, why sample 2 item in my horizontal dropdown menu is disable?

A: To disable items you should set item target parameter as "_".

For example:
["|Sample 2 is Disabled","testlink.html", "default.files/icon6.gif", "default.files/icon6o.gif", "", "_", "", "", "", ],

Q: We are using a licenced version of your tree-menu.
Now we have a situation, where we should show the actualclicked menu position with an icon or a color for a collapse tree menu.

A: This can be found with the help of external function of tree menu.
dtreet_ext_userClick(itID, event) - this function is called when clicking a mouse button on the item.

itID - item id
event - standard structure of events generated browser
dtreet_ext_getItemParams (menuInd, itemID) - returns all item parameters.

Please visit http://deluxe-tree.com/functions-info.html for addition information.

Q: Can i install and run this on a server running OS X?

A: Yes, you can use JavaScript Tree Menu on Mac OS X.

To create your menu on MAC you can use HTML version of Deluxe Tuner (for MAC OS). You can find it here:

http://deluxe-menu.com/deluxe-tuner-info.html

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