Template: Tree Edit Javascript

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:

    - Image arrows
    - Several menus on one page
    - Submenus expand/collapse on mouseover
    - Inactive/Disabled items
    - Vertical orientation of the Tree Menu
    - Personal CSS styles for separate menu elements
    - 3-state icons for each item
    - Relative/Absolute menu position

Menu Screenshots Tree Edit Javascript

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

Features Tree Edit Javascript

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

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 Menu Frames Tree Edit Javascript

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

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

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

Javascript Tree Menu. Expandable Menu.

You can animation and effects for the javascript tree menu. These effects will make your menu more attractive and stylish. When you click on titles of submenus - submenus will collapse or expand. Submenus have a fade effect in Internet Explorer when you collapse/expand them, so your menus look like original menus in Windows XP Explorer. You can set different speed for an animation.

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

Recent Questions Tree Edit Javascript

Q: Currently let us know how can we align the text at the top dropdown menu script so that the text will appear above the horizontal line.

Kindly help us to solve this problem as soon as possible.

A: Unfortunately you cannot set vertical align for items text.But you can try to write your item text in the following way:

var menuItems = [
["Home ","/index.asp?pgid=1", , , , , "0", , , ],
["About Us ","/index.asp?pgid=2", , , , , "0", , , ],
["Company News ","/index.asp?pgid=3", , , , , "0", , , ],
["Services ","/index.asp?pgid=4", , , , , "0", , , ],
["|Custom Publishing","/index.asp?pgid=6", , , , , , , ,],
["|On Product Publishing","/index.asp?pgid=7", , , , , , , , ],
["|Investment","/index.asp?pgid=10", , , , , , , , ],
["Contact Us ","/index.asp?pgid=5", , , , , "0", ,, ],
];

Q: Could you please tell me, wether it is possible to place the arrows in the front of the javascript web menu items instead of after. I am working on a Vista menu.

A: Try to use the following javascript web menu parameter:

var dmRTL=1;

Q: I have read your FAQ's on "When using javascript tabbed menu, where do I place the text content related to the selected tab", but I am still not understanding how to edit the java text menu. Can someone please assist me. This is for our Pack website and I have subscribed to a non-profit license. Thank you for your time.

A: You should specify any Object ID name of the DIV.

See, for each java text menu item you should assign the ID property of the contentDIV (see data file with your menu parameters).

["Style Name","contentName", "", "", "", "", "1", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Description","contentDescription", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Variations","contentVariations", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Empty","", "", "", "", "", "2", "", "", ],

And on your html page you should create DIV's with such ID. You canset background image for these DIV's in styles.

<div id="contentName" style="height: 0%; visibility: hidden; background-image: url('img/back.jpg'); background-repeat:repeat-y;" class="tabPage">
 
<img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs">

 

You should paste your content here!!!!!
</div>

<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">
 
<img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs">

 

You should paste your description here!!!!!
</div>

Q: I have downloaded the trial version and so far I really like what I see except for one issue. Any page that includes the following doctype:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

seems to break the absolute positioning of the menu and sends it to the far upper left corner of the page. Any help on fixing this would be greatly appreciated.

A: The problem is in <!DOCTYPE> attribute.

Please, set 'px' units for posX and posY parameters,for example:

var posX="100px";
var posY="100px";

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