Family Tree Js by Deluxe-Tree.com
Family Tree Js


Buy Now!  Free Trial Download

Menu Screenshots Family Tree Js

Family Tree Js Tree Menus Simple

Features Family Tree Js

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
Tree Dhtml Ejemplos Family Tree Js
Easy Setup
  • De Luxe Tuner. GUI interface to create your family tree js menus easily and in no time
  • Sensible menu parameters for manual editing
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".
Cost Effective
Buy Now!  Free Trial Download

Javascript Tree Menu. Expandable Menu.

  • Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
  • Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/disabled. Addition/removing of items. Changing of visibility of items. Collapsing/expanding of items. Getting the information on any menu, submenu and items. Other tricks. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.

Recent Questions Family Tree Js

Q: When I check my website for accessibility it shows NoAlt on the dhtml drop down menu!.

Where do I add an alt tag in the data file?

A: You should use the fifth parameter in menuItems

[text, link, iconNormal, iconOver, tip, target, itemStyleInd, submenuStyleInd, jsFilename],

For example:
["Home","index.htm", "", "", "Home", "", "", "", "", ],
 ["|Dr. Copeland's Bio","bio.htm", "", "", "Dr. Copeland's Bio", "", "", "", "", ],
 ["|Destiny History","history.htm", "", "", "Destiny History", "", "", "", "", ],
 ["|Contact Destiny","contact.htm", "", "", "Contact Destiny", "", "", "", "", ],
 ["|Dr. Copeland's Itinerary","itinerary.htm", "", "", "Dr. Copeland's Itinerary", "", "", "", "", ],



Q: I'm using the deluxe-tree. On the top of the tree there is a title. When I click on the title of expandable tree the whole menu collapse. How can I disable this option?

I want to keep the collapse option when I click on the collapse button but not when I click on the title. I'm using the Xp style1 and I also want to keep the aspect of this title.

I hope I'm clear to you ... if you need me to be more precise let me know.

A: Try to set the following parameter:

  var texpandItemClick=0;


Q: Can I put two popup windows in one HTML file?
One popup for example after 1 second, and disappear after 10
The second one after 15 second and disappear after 30 seconds.
Can you help me?

A: You should set the following parameters for the first window:

winID:"window1",
openAfter:1,
closeAfter:10,

for the second window:

winID:"window2",
openAfter:15,
closeAfter:30,

See also how should you install popup windows on your page:

<head>

<!-- Deluxe Popup Window -->
<noscript><a href="http://deluxepopupwindow.com">DHTML Window Script by DeluxePopupWindow.com</a></noscript>
<script type="text/javascript">  var dmWorkPath="deluxe-popup-window.files/";</script>
<script type="text/javascript" src="deluxe-popup-window.files/dpopupwindow.js"></script>
<!-- (c) 2009, http://deluxepopupwindow.com -->

</head>

<body bgcolor="#FFFFFF">
<script type="text/javascript" src="deluxe-popup-window.js"></script>
<script type="text/javascript" src="deluxe-popup-window2.js"></script>
</body>



Q: How do I create more space between the menu items?

I have tried adding to the Item Appearance, itemSpacing and itemPadding.


A: You can paste the separator.
Please, see the following parameters:

//------- Separators -------
  var separatorWidth = "10";
  var separatorHeight = "20";
  var separatorAlignment = "center";
  var separatorImage = "C";
  var separatorVWidth = "150";
  var separatorVHeight = "10%";
  var separatorVImage = "image.jpg";

You can create separators using menuItems, for example:

  var menuItems = [
["item 1"],
["-"], // this item is separator
["item 2"],
];

You can also use this parameter:

  var itemPadding = "4px";

You can also set multiple values, for example:

  var itemPadding = "2px 15px 5px 5px";

(top, right, bottom, left)