Template: Templates Css Treeview

Mac OSX Javascript Treeview Menu

The template emulates Mac OSX 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:

    - Unlimited number of sub levels
    - Status string shows item labels
    - Submenus expand/collapse on mouseover
    - Personal CSS styles for separate menu elements
    - Movable and floatable menu
    - Vertical orientation of the Tree Menu
    - Submenus automatically scrolls
    - Relative/Absolute menu position

Menu Screenshots Templates Css Treeview

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

Features Templates Css Treeview

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

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

Menu Trees Download Templates Css Treeview

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

Easy Setup

De Luxe Tuner. GUI interface to create your templates css treeview menus easily and in no time
Sensible menu parameters for manual editing

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

Javascript Tree Menu. Expandable Menu.

You can set the size of the menu in pixels, percent or other units. The menu may have an absolute or relative position (it can be inserted into the table).
Use any necessary font of any color, size and font decoration. Create any available type, thickness and color of a menu.Choose any color for backgrounds of submenus and items. Use special prefixes for image paths and links to make paths absolute.
You can assign your own images for lines.

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

Recent Questions Templates Css Treeview

Q: What's happening is the rollover drop down menu sits at the very top-left of the web page..
No matter what I seem to try, I can't get it to fit in a space that seems plenty big for it.

A: Please check that you use relative position for the menu.
You should set these parameters:

  var absolutePos=0;
  var posX="0px";
  var posY="0px";

Q: How to include the search box in the navigation menubar?

A: Use the following javascript menu parameter to enable/disable the "search support" for the Deluxe menu:

var dmSearch=2;

0-nosearch; 1-ordinary search (within one level of submenus only); 2-recursive (within the whole menu).

Set item's link to "search:", for example:

["","search:value='search...' style='border:1px;width:60px;height:14;font-size:10px;'", "", ],

Q: I developed a little test dhtml menu slide tree. For the items "Aktivitaeten Auswahl" and "Kontakt Auswahl" I have no subitems. The item line shows a little button with double arrows.

I would like to get rid of these buttons, because there are no subitems.
How can I do that?

A: You should create Individual XP Style and apply it for these items.

var tXPStyles = [
["tXPTitleBackColor=#D9DAE2","tXPTitleBackImg=data-quelle.files/xptitle2_s.gif", "tXPExpandBtn=data-quelle.files/right.gif,data-quelle.files/right.gif,data-quelle.files/right.gif,data-quelle.files/right.gif"],
];

Q: We want to create a hyperlink (lets say google.com) to the item (eg. Industry,International Airlines etc) and display it in the dataframe.

For eg On clicking the 'International Airlines', the hyperlinked content should be displayed on the DataFrame along with expanding the navigation items. Right now it just expands the navigation , but the link doesn't work.

The hyperlink works fine for the subitems. We want to do the same for the main items as well.

A: You can write your top items in the following way:

["<a href='http://google.com' target='DataFrame' style='color: #000; text-decoration: none;'>International Airlines</a>","", "", "", "", "","DataFrame", "", "", ],

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