Template: Windows Vista Tree Tagger

Vista Style 2 Treeview Menu

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

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

Key features:

    - Vertical orientation of the Tree Menu
    - Movable and floatable menu
    - Items with icons
    - Image arrows
    - Submenus expand/collapse on mouseover
    - Personal CSS styles for separate menu elements
    - Inactive/Disabled items
    - Status string shows item labels

Menu Screenshots Windows Vista Tree Tagger

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

Features Windows Vista Tree Tagger

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 windows vista tree tagger menus easily and in no time
Sensible menu parameters for manual editing

Javascript Tree Code Windows Vista Tree Tagger

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

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

Professional Look-n-feel

Entirely customizable look-n-feel
A lot of pre-designed windows vista tree tagger 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 Windows Vista Tree Tagger

Q: How do I change the background color for the floating drop down menu

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

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

You can also use Individual Item Styles to change the color of the specific items:
  var menuStyles = [
["menuBackColor=#F2F3F2"],
];

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

Q: In deluxe tuner, horizontal dhtml menu, how I make sure long menu items can wrap into 2 lines?

A: You should set the following parameter:

var noWrap=0;

Or use standard
tags inside item's text:

["International Music X Home
Decoration X Books","", "", "", "", "", "0", "0", "", "", "", ],

Q: Is there a way to capture user click event just like the one in the javascript menu sliding?

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

var menuitems = [
["<div onContextMenu='your_code_here'>item text</div>", ""]
];

Q: I am working on creating a new navigation menu with Tree menu.
I wonder how I can reduce the width of the menu?

A: You should set this parameter

  var tmenuWidth = "275px";

Try to set also the following parameters:

  var tlevelDX = 0;
  var tnoWrap=0;

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