Template: Html Vertical Navigation Bar Tree

Vista Style 7 Tree Dhtml Menu

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

    - Toggle-mode support. Animation effect for subitems
    - Icons for the expand/collapse buttons
    - Background image for the menu
    - Menu has a static position and is placed within the table cell

Key features:

    - 3-state icons for each item
    - Relative/Absolute menu position
    - Items with icons
    - Unlimited number of sub levels
    - Submenus have a fade effect
    - Filters and Transitional effects
    - Vertical orientation of the Tree Menu
    - Status string shows item labels

Menu Screenshots Html Vertical Navigation Bar Tree

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

Features Html Vertical Navigation Bar 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 html vertical navigation bar tree menus easily and in no time
Sensible menu parameters for manual editing

Gratis Tree Menu Html Vertical Navigation Bar Tree

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

Unrivalled Features

Scrollable, dragable, floating
Unique Java Script API for altering menu "on-the-fly", without page reloading
AJAX technology - loads menu data from the server "on-fly and on-demand".

Professional Look-n-feel

Entirely customizable look-n-feel
A lot of pre-designed html vertical navigation bar tree 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 Html Vertical Navigation Bar Tree

Q: I want to be able to put a small thumbnail icon in the description area of animated drop down menu. Here is a current line from my .js file for a single link.

["|'Slow Death Hook' Contest<br><br><br>Enter Your Favorite Fish Photos to Win!<br>Gary Parsons ","http://www.domain.com/site/featured_article.cfm?owner=AB18D298-0AC7-254E-B7248E9DCD0F9549 ",,,,,"0"],

I want it to do this though:

["|'Slow Death Hook' Contest<br><br><br>Enter Your Favorite Fish Photos to Win!<br>Gary Parsons ","http://www.domain.com/site/featured_article.cfm?owner=AB18D298-0AC7-254E-B7248E9DCD0F9549 <br><br><img src="images/thumbnail.jpg">",,,,,"0"],

The problem is the "'s around the img src.....it's throwing off your animated drop down menu.

How do I fix that?

A: It is not correct to write menuItems in such way.

You should write:

["|'Slow Death Hook' Contest<br><br><br>Enter Your Favorite Fish Photos to Win!<br> Gary Parsons <br><br><img src='images/thumbnail.jpg'>","http://www.domain.com/site/featured_article.cfm?owner=AB18D298-0AC7-254E-B7248E9DCD0F9549",,,,,"0"],

Try that.

Q: I cannot see my menu on the pages. Could ypu help me?

A: Try to move the following code in the <head> tag

<script type="text/javascript"> var dmWorkPath = "";</script>
<script type="text/javascript" src="dmenu.js"></script>
Notice: your menu won't work correctly if you write src="/dmenu.js"

Q: I'm using your DHTML menu product.
I've read the parameters but am unable to make the drop down menu links stop spawning a new window on click.
I love the product and want to use it on my web but I've got to make it stop having babies! Have you some advice for me or a FAQ page you can send?

A: You should use the following parameter

var itemTarget = "_self";

Please, see also individual items targets, for example:

["|Features","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", , "_blank", , , , ],

Change "_blank" to "" or to "_self".

Q: Is there a javascript function that I can call that will return the ID or the Text value of the currently active tab of the web navigation?

A: Unfortunately there is no such a function now.

There are such variables.

dtabs_tabs[menuN].b1 - dtabs_tabs[menuN].selectedItem
dtabs_tabs[menuN].JT0 - dtabs_tabs[menuN].selectedSmItem

But they contain the index of the selected menu item, not the ID.

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