Template: Javascript Treemenu With Lines

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:

    - Vertical orientation of the Tree Menu
    - different speed for an animation for submenus
    - Movable and floatable menu
    - Inactive/Disabled items
    - 3-state icons for each item
    - Submenus have a fade effect
    - Status string shows item labels
    - Items with icons

Menu Screenshots Javascript Treemenu With Lines

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

Features Javascript Treemenu With Lines

Cost Effective

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

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

Tree Menus Netscape Javascript Treemenu With Lines

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".

Easy Setup

De Luxe Tuner. GUI interface to create your javascript treemenu with lines 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 :: More Info

Javascript Tree Menu. Expandable Menu.

Good navigation is an important step to website success. If people can't find their way around the site, they will quickly give up looking and leave, never to return. So, it's absolute vital that your website has a fast, neat, and eye-pleasing navigation.
Don't allow your website visitors to get lost. Try Javascript/DHTML Tree Menu!

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

Recent Questions Javascript Treemenu With Lines

Q: How can I set the top-level items to be transparent for the dhtml dropdown?

A: You should create Individual Item and Submenu styles with transparent itemBackColor and assign it for the top items:

var itemStyles = [
["itemBackColor=transparent,transparent","itemBorderWidth=0","fontColor=#000000,#000000"],
];

var menuStyles = [
["menuBackColor=transparent","menuBorderWidth=0"],
];

More info you'll find here:
http://deluxe-menu.com/individual-item-styles-info.html
http://deluxe-menu.com/individual-submenu-styles-info.html

Q: How can I move the dropdown navigation bar to the far right side?

A: You should install the menu into the TABLE with right alignment.

<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td valign="top" align="right" style=" padding: 0px; margin: 0px; background-color: #14349B;">
<script type="text/javascript" src="home_files/data-vista-BASEPOINT3.js"></script>
</td>
</tr>
</table>

Q: Is it possible to integrate a search window for my customers like your "standart tree menu" , and what is the code for this function ?

A: To add input area and a button you should write your menu item in thefollowing way:

["|Search <input type=text style='width:80px;height:17px;font:normal 10px Tahoma,Arial;'>  
<input type=button value='Go' style='width:30px;height:17px;font:normal 10px Tahoma,Arial;'>", "", "", "", "", "", "", "0"],

Q: If there is an option in the php navigation bar to make all of the top items the same size?

A: Set width for the items using Individual styles:
var itemStyles=[["itemWidth=100px"],] //style 0

Assign Individual Styles for the menu Items.

var menuItems = [
["Item 1","", "", "", "", "", "0", "", "", "", "", ], //style 0
["Item 2",", "data2.files/icon1.gif", "data2.files/icon1o.gif", "", "", "0", "", "", "", "", ], //style 0
...

You can see more info here:
http://deluxe-menu.com/individual-item-styles-info.html

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