Simple Tree Menu Script by Deluxe-Tree.com
Simple Tree Menu Script


Buy Now!  Free Trial Download

Menu Screenshots Simple Tree Menu Script

Simple Tree Menu Script Tree Mouseover Style

Features Simple Tree Menu Script

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
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".
Tree Dhtml Vertical Slide Menu Simple Tree Menu Script
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your simple tree menu script menus easily and in no time
  • Sensible menu parameters for manual editing
Buy Now!  Free Trial Download

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.

Recent Questions Simple Tree Menu Script

Q: When using javascript pop window is it possible to gray out the page except pop up so users can't use any controls until they close pop up window?

A: Try to set that parameter:

modal:1,


Q: Can you please guide me how can i use the ajax functionality for tree view navigation..


A: To enable AJAX Tree Menu use the following menu parameters:

  var tajax=1; // enables AJAX technology support

Each .js file must contain menuItems variable for the submenu in the following format:

  var tmenuItems = [
[text, link, icon1, icon2, icon2, tip, target, itemStyle, submenuStyle, jsFileName],
];

Where jsFileName - .js filename on the server that contains tmenuItems variable for the submenu.

More info you'll find here:
http://deluxe-tree.com/ajax-menu-loading-sample.html


Q: How to modify data.js in deluxe menu to change the font color if the user click on css pull down menu.

Expl. If the user click on 'Webdesign' and then on 'Thema Webdesign' the color dosn't change to #333. So the user don't now, where is it. Please test it on www.media-design.ch. Thank!

A: Javascript/DHTML Tree doesn't save a presseditem as it saves a tree state. It works within 1 page only and if youreload the page you should set a pressed item using Javascript API:

function dtreet_ext_setPressedItem (menuInd, itemID)

<script type="text/javascript">

  var i = <?php echo $selitem; ?>;
onload=setPressed;
function setPressed()
{

dtreet_ext_setPressedItem(0,dtreet_ext_getItemIDByIndex(0, i));

}
</script>

You should define selitem using server side script.



Q: I have created a CSS menu that appears in the <noscript> section, but am having a problem getting it to behave the same as the java menu. I want to show all the items as asingle line at each level, aligned to the left of the frame. I cannot find a way ofsetting left align in the style sheet or in the deluxe tuner for the css dhtml menu.

A: We've added align parameters in the new version 3.6:
  var subMenuAlign="pleft";

You should set this parameter and specify width for submenu. You can use different smwidthfor each submenu using Individual Submenu styles.