Dynatree Rename by Deluxe-Tree.com
Dynatree Rename


Buy Now!  Free Trial Download

Menu Screenshots Dynatree Rename

Dynatree Rename Web Toolbar Tree

Features Dynatree Rename

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".
Collapsible Tree Menus Dynatree Rename
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
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 dynatree rename menus easily and in no time
  • Sensible menu parameters for manual editing
Buy Now!  Free Trial Download

Javascript Tree Menu. Expandable Menu.

  • Good navigation system is an important part of web site success. If people can't find their way around the site, they will rapidly give up looking and go, never to return. So, it's very significant that your website has a neat, fast, and gratifying to the eye navigation.
    Don't permit your web site visitors to get lost. Try Javascript/DHTML Tree!

Recent Questions Dynatree Rename

Q: I now have the need to introduce separators on the menu.
Can you tell me how to do that?
I cannot find any documentation telling me how this is done.


A: Please, see the following parameters:

//--- Separators
  var separatorImage=""; //for subitems
  var separatorWidth="5";
  var separatorHeight="100%";
  var separatorAlignment="right";
  var separatorVImage="images/public/separator.gif"; //for the top items
  var separatorVWidth="3";
  var separatorVHeight="100%";
  var separatorPadding="";

You should set a separator in the menuItems, for example:

  var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],

];

Try that.


Q: How do you change the back ground color of the menu?
menuBackColor just changes the pull down background.
I'm stuck with a blue background which i guess is the default.

I've looked at the parameters page for info, tried a few different items but none worked for changing the background.

I'm sure its something very obvious, but any help would be appreciated.

A: Please, don't forget to change also item background colors:

  var itemBackColor = ["color", "color"];



Q: When using the Deluxe-Tabs, the second tab seems to be the first selected tab when displaying tabs in a page. Is there a way to set the default tab showing on a page load?


A: You should use the following parameter:

  var bselectedItem = 3;

Where 3 is the number of your menu item from the   var bmenuItemsparameter.
  var bmenuItems =
[
["Mac Tab 1", "content1"],
["Mac Tab 2", "content2"],
["Mac Tab 3", "content3"],
["Mac Tab 4", "content4"], // selected tab

];
The ID of the item starts with 0.
Try that.


Q: Is it possible to use an external file with these applets? Have tried
<SCRIPT LANGUAGE="JavaScript" SRC="myscript.js">
</SCRIPT>

but it does not work!

Any suggestions? I have one site with many pages, it would be handy not to have to change 20 pages just to modify one link.

A: You can use "menuItemsFile" param, example
<param name="menuItemsFile" value="menu1.txt">
The menu menu items are in menu1.txt, so you'll need to changeonly this menu1.txt if it necessary to add/remove/change items.

See also example:
http://www.apycom.com/xp-drop-down-menu/ex2.html