Template: Blog Dhtmlx Treegrid Samples

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:

    - Filters and Transitional effects
    - Movable and floatable menu
    - different speed for an animation for submenus
    - Status string shows item labels
    - Submenus expand/collapse on mouseover
    - 3-state icons for each item
    - Unlimited number of sub levels
    - Submenus automatically scrolls

Menu Screenshots Blog Dhtmlx Treegrid Samples

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

Features Blog Dhtmlx Treegrid Samples

Easy Setup

De Luxe Tuner. GUI interface to create your blog dhtmlx treegrid samples menus easily and in no time
Sensible menu parameters for manual editing

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

Pulldownmenu Javascript Tree Blog Dhtmlx Treegrid Samples

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

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

Cost Effective

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

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 Blog Dhtmlx Treegrid Samples

Q: I have a problem. How can we get the value of a parameter passed by the menu, when a menu item is clicked? For example I want to get the URL or file name to be open by the menu item when it is clicked.
I am talking about TREE menu.

A: If you want to open url or a file when you click on items of the tree menu you can write, for example:

var tmenuItems = [
["+DHTML Menus","http://dhtml-menu.com", "images/xpicon1.gif", , , "DHTML Menus", , "0", , , , ],
["|Save as...", "javascript:OpenFile('file_name')"]

];

Q: After much coming and going I have finally got De Luxe menu to work with Firefox 2

But the menu system on the exact same htm page I have created does not show up in IE7.

Is this a known problem?

A: Try to set the exact width for the menu,

var menuWidth="700px";

Q: I have menus generated by you deluxe menu package . They look fine on all my computer but look bad on my friends computer.
Can this be fixed?

A: Thanks for your interest in our products.

Try to specify all units in "px", for example:

  var menuHeight="22px";

Try to set exact width for menu item
  var menuWidth="736px";

Try also not to set
  var smWidth="0";
  var smHeight="0";

Please, see the attached data file.

You can use additional parameters to make menu paths absolute:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

These parameters allow to make images and links paths absolute.
For example:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

  var menuItems = [
["text", "index.html", "icon1.gif", "icon2.gif"],
];

So, link path will be look so:
http://domain.com/pages/index.html

Images paths will be look so:
http://domain.com/images/icon1.gif
http://domain.com/images/icon2.gif

Please, try to use these parameters.

Q: I can't see my javascript vertical tree menu in FireFox. What I'm doing wrong?

A: You should set this parameter:
var tmenuHeight = "auto";
Now you have
var tmenuHeight = "0";

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