Template: Javascript Tree Menu Using Css

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:

    - Personal CSS styles for separate menu elements
    - 3-state icons for each item
    - Each item can have individual settings
    - Items with icons
    - Inactive/Disabled items
    - Status string shows item labels
    - Movable and floatable menu
    - Submenus automatically scrolls

Menu Screenshots Javascript Tree Menu Using Css

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

Features Javascript Tree Menu Using Css

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 javascript tree menu using css samples
Hundreds of visual effects
Custom CSS styles can be applied for all menu settings

Tree Menue Tutorial Javascript Tree Menu Using Css

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

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

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 Javascript Tree Menu Using Css

Q: How I make sure, that long menu items in dhtml menu sample can wrap into two lines?

A: You should set the following parameter:

var noWrap=0;

Or use standard <br> tags inside item's text:

["International Music X Home<br>Decoration X Books","", "", "", "", "", "0", "0", "", "", "", ],

Q: Is it possible to create the dhtml scroll with a tilde (over the letter N).it would look like N. I want the menu item to be labeledСSe habla Epanol.

A: You can use any html code within menuItems, for example:

var menuItems = [

["Se habla Epañol","testlink.html", "", "", "", "", "", "", "", ],

Q: I want you to start modifying on your menu items in menu.js to get the caption from prestext. If you look at the bottom of commonfooter.html, you will see code like

<a target="_top" class="sidenav" href="<%=strprefex%>WillPlanning.asp?SessionID=<%
=sessionid%>&UserName=<%=Username%>" onclick="RedirectToParentPage=''; return CheckForChanges(1024,'')">
<%=GetPresText("WillCreatorBug",rsmenu)%></a>

A: You can use any html tags within item text, for example:

var menuItems = [

["<a target='_top' class='sidenav' href='<%=strprefex%>WillPlanning.asp?SessionID=<% =sessionid%>&UserName=<%=Username%>'
onclick='RedirectToParentPage=''; return CheckForChanges(1024,'')'>Home<%=GetPresText('WillCreatorBug',rsmenu)%></a>","", "", "", "", "", "", "", "", ],

Q: How do I make the main nav links in the dhtml navigation align left (they are center aligned).

A: Try to use the following parameter:

var itemAlignTop="left";

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