Template: Left Side Menu Tree

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:

    - Each item can have individual settings
    - Relative/Absolute menu position
    - different speed for an animation for submenus
    - Submenus have a fade effect
    - Status string shows item labels
    - Movable and floatable menu
    - Submenus expand/collapse on mouseover
    - Image arrows

Menu Screenshots Left Side Menu Tree

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

Features Left Side Menu Tree

Cost Effective

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

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

Tree Popup Rollover Left Side Menu Tree

Professional Look-n-feel

Entirely customizable look-n-feel
A lot of pre-designed left side menu tree samples
Hundreds of visual effects
Custom CSS styles can be applied for all menu settings

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

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

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 Left Side Menu Tree

Q: Is there any way of asigning the background color of the submenu (I onlyneed one level of nesting menus) different from the background color of thedhtml rollover?

A: Create Individual Submenu Style and assign it for the first item in that case:

var menuBackColor="#d1d1d1";

var menuStyles = [
["menuBackColor=#FFFFFF"],
];

["mбs info","http://www.dimensionmultimedia.com/psoepruebas/?page_id=19","","","","","0","0","","","",],

Q: Can your dhtml drop down menus work in conjunction with a scroll wheel?

A: You cannot scroll submenus using scroll wheel when you set

var smSmartScroll=1;

To scroll your submenu you should move your mouse.

But you can use scroll wheel when you set

var smSmartScroll=0;

Q: My menu does not work with IE7 (I don't know if it works with IE6) but it works perfectly in FF and Netscape. HELP!!!

A: You have several errors in your data file.

Please, check that you don't have additional spaces in yourparameters.

For example:
var fontColor=["#F3E398 ","#F3E398 "];
var itemBackColor=["#43597E","#9B1313 "];
"fontColor=#F3E398 ,#F3E398 "

Q: I need current page highlighted on javascripts tab menu.
what I do the change on data.js file.

A: Deluxe Tabs doesn't support API functions which can return theselected tab aslo.

You can set "bselectedItem" and "  var bselectedSmItem" parametersbased on your link before you call your data file.

For example, move "  var bselectedItem" and "  var bselectedSmItem" parametersfrom your data file to your code.

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=<?php echo $seltabs; ?>;
  var bselectedSmItem=<?php echo $selsmtabs; ?>;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>

You should define seltabs and selsmtabs using server side script.

You can also set it on every page before you call data.js file, forexample:

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=4;
  var bselectedSmItem=3;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>

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