G Javascript Tree by Deluxe-Tree.com
G Javascript Tree


Buy Now!  Free Trial Download

Menu Screenshots G Javascript Tree

G Javascript Tree Tree Drop Down Netscape

Features G Javascript Tree

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

Javascript Tree Menu. Expandable Menu.

  • These effects will make your menu more attractive and stylish. Among available transitional effects there are such as fade, mosaic, random dissolve, slide out and many others.
  • Create individual styles and assign them to any submenu and item. Use individual styles to achieve stunning effects!

Recent Questions G Javascript Tree

Q: First of all, your product is amasing!

I can not create popup windows by clicking on a menu.

For example:

MainMenu:     Home > Favorites > Fun > About us

Sub Menu:      - Portal
                       - Games
                       - Forum
                       - Chat

By clicking on “Games” Button of sub menu I would like to open a popup window,

Not regular window with navigation, scroll and so on.


A: You can use your own javascript functions in the menu items.

You should paste "javascript:some_function()" into item's link field, for example:

  var menuItems = [
["text", "javascript:your_function(...)", ...]
];


Q: I've got an xp style menu that I'm trying to place within a table... Things are not rendering as I'd expect

I am trying to put the menu in the left column of the table, a form on the right side, and then center the entire table.
The html table is surrounded by a center tag (have tried a div tag with no difference).

It appears the xp menu is obeying the center tag, but not keeping it relative to the containing table...

How can I fix this issue? I have also attached the html source code as it is rendered in the browser in case that is of some use.

A: You should set the following parameter:

  var tabsolute = 0;

You're using absolute position for the menu now.



Q: Hi, just a quick question, is it possible to change which tab is displayed when the page is first rendered.

For instance, if you have 4 tabs, going right to left, can you load the css menu tabs with the second tab being displayed first?


A: See, if you use Tab Mode
  var tabMode = 1;

  var bselectedItem = 0; //main items
  var bselectedSmItem = -1; //submenus

If you use
  var tabMode = 0;
  var bselectedItem = 0;

See, the ID of the item starts with 0.

So, if you use TabMode (  var tabMode=1;):

  var bselectedItem = 4;

["-", ] - separator, ID = 0
["Mac Tab 1", "content1"], ID = 1
["Subitem1","testlink.html",] ID = 2
["Subitem2","testlink.html",] ID = 3
["Mac Tab 2", "content2"], ID = 4 // selected tab
["Subitem1","testlink.html",] ID = 5
["Subitem2","testlink.html",] ID = 6
["Mac Tab 3", "content3"], ID = 7
["Subitem1","testlink.html",] ID = 8
["Subitem2","testlink.html",] ID = 9
["Mac Tab 4", "content4"], ID = 10
["Subitem1","testlink.html",] ID = 11
["Subitem2","testlink.html",] ID = 12

If you use tabs (  var tabMode=0;):

  var bselectedItem = 2;

["-", ] - separator, ID = 0
["Mac Tab 1", "content1"], ID = 1
["Mac Tab 2", "content2"], ID = 2 // selected tab
["Mac Tab 3", "content3"], ID = 3
["Mac Tab 4", "content4"], ID = 4


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

The content of my tabs menu doesn't show in IE.

A: Delete "height: 0%;" parameter from the style of the content DIV:

<DIV class=tabPage id=content4 style="VISIBILITY: hidden;">