Google Tree Menu by Deluxe-Tree.com
Google Tree Menu


Buy Now!  Free Trial Download

Menu Screenshots Google Tree Menu

Google Tree Menu Tree Scroll Menu Samples

Features Google Tree Menu

Easy Setup
  • De Luxe Tuner. GUI interface to create your google tree menu menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed google tree menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Cascading Menus Tree Google Tree Menu
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
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".
Buy Now!  Free Trial Download

Javascript Tree Menu. Expandable Menu.

  • There can be as many submenus as you want.
  • Use a mouse to drag a menu as a usual window.
  • When the page is scrolled the menu remains visible. The Javascript/DHTML Tree can "float" along one or two coordinate axes. After clicking on menu item selected item becomes highlighted.

Recent Questions Google Tree Menu

Q: How about getting the entire side navigation bar to sit in the centre rather than left align?

A: You can set your menu in the <div> tag and use the alignment you need:

<!-- JavaScript Tree Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<!-- (c) 2009, http://deluxe-menu.com -->

<div align="center">
<script type="text/javascript" src="menudir/data.js"></script>
</div>

Q: Very interested by your product, I want to know, before buy, if I can call javascript function when the user click on a menu Items;

you have this example, but I want the possibility to call a javascript function in the client side :

  var menuItems = [
[text, "javascript:alert('Hello, world!')", icon1, icon2],
];

Is it possible, if yes could you give the sample, because Milovic menu have a javascript:function call, what about your product ?

Thank you for the answer.


A: You're able to use Javascript for each item, for example:

  var menuitems = [
["item text", "javascript:your_code_here"]
];

Unfortunately, you can't assign onmouseover/onClick event to each item.
However, you can achieve this by using standard html objects within items, for example:

  var menuitems = [
["<div onClick='your_code_here'>item text</div>", "index.html"]
];

Unfortunately we don't have such example.


Q: When doing a multi-frame frameset (1 top frame, 2 bottom frames) like this:

<frameset ID="frames" ONLOAD="getBottom()" ROWS="50, *" BORDER="0" FRAMEBORDER="no" FRAMESPACING="0">
   <frame NAME="frmTop" SRC="top.htm" MARGINHEIGHT=0 MARGINWIDTH=0 SCROLLING=NO NORESIZE FRAMEBORDER="0" />
    <frameset ID="bottomFrames" cols="171,*">
     <frame name="frmLeft" src="left.htm" MARGINHEIGHT=0 MARGINWIDTH=0 SCROLLING=NO NORESIZE FRAMEBORDER="0"/>
     <frame name="frmMain" MARGINHEIGHT=0 MARGINWIDTH=0 SCROLLING=NO NORESIZEFRAMEBORDER="0" />
    </frameset>
</frameset>


And using the dm_frameinit like this:
dm_initFrame("[object]", 0, 2, 0);

it works fine in IE -> the menus are displayed exactly under the text and in the bottom right frame.

However, in Firefox, the menu drop down is displayed to the right of the top menu text, and exactly the number of pixels as the width of the left frame.

Perhaps there needs to be some FireFox checking to fix this?
Can you help me with that?


A: The problem is in a structure of your frameset.
Mozilla browsers can't determine absolute coordinates for a frame, sosubmenus drop down with an offset.

You should create the following frameset structure:

 --|------------
   | menu
 --|------------
   |
   | submenus
   |

Now a top row has 2 columns and all browsers can determine awidth of the 1st column in the second row.


Q: The browser I am using is Internet Explorer 7.0 at Windows Vista (with "Security" set at "Medium"). I get the message "To help protect your security, Internet Explorer has restricted this webpage from running scripts or ActiveX controls that could access your computer" and then I have to click this message/bar in order to "Allow blocked content". After I do that the javascript menu script appears as it should, but of course I don't want visitors to go through that. FYI, I do not have the same problem with the dynamic menus on your website or in other websites, which appear normally right from the start.

A: You should adjust your browser settings.

Tools/Internet Options/Advanced Options/

and set
"Allow active content from files to run on My Computer".

There is no way to enable these preferences automatically, in othercase there are no reasons to create security preferences.