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


Buy Now!  Free Trial Download

Menu Screenshots Javascript Tree Menu Script

Javascript Tree Menu Script Tree Java

Features Javascript Tree Menu Script

Cost Effective
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
Menu Drop Down Tree Javascript Tree Menu Script
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".
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript tree menu script samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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 Javascript Tree Menu Script

Q: I have published on a test page you can see herebelow a test with the javascript pull down menu.

With IE, it works fine, the menu is displayed over the flash animation.

With Firefox, the flash animation disappears and comes back if I mouve the mouse out of the menu.

I have read the FAQs, but I can not see any document on this. Can you help me in understanding and solving the problem ?

A: You should add opaque parameters to OBJECT and EMBED tags.

You can find more info on this issue here:

http://www.deluxe-menu.com/objects-overlapping-sample.html



Q: What I try to make is a menu dhtml with items having a border of only 1 px, also between the menu items. However it seems that Deluxe menu draws a 1 px line around every menu item giving an effective border line of 2 px between the area where the items touch each other. I want to have 1 px border also on the areas where the items touch each other.
Any suggestion how to fix this?


A: If you want to have the 1px border between the items only you canuse separators.

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="1";
  var separatorVHeight="100%";
  var separatorPadding="";

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

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

];


Q: Is there any luck with getting your popup menusto work with the dynamic drive script..?

A: Unfortunately we don't work with dynamic drive script.
But I suppose that you can use it with JavaScript Tree Menu without any problems.
But in that case you should move menuItems and dm_init(); function from your data file tothe html page directly.
For example delete the following code from your data file

  var menuItems = [
["Aston Martin Page","javascript:ajaxpage('ajaxfiles/external3.htm', 'rightcolumn');\"", "", "", "", "", "", "", "", "", "", ],
];
dm_init();

and paste it in SCRIPT tags on your html page in the place where you want to have a menu:

...
<div>
<script type="text/javascript">
  var menuItems = [
["Aston Martin Page","javascript:ajaxpage('ajaxfiles/external3.htm', 'rightcolumn');\"", "", "", "", "", "", "", "", "", "", ],
];
dm_init();
</script>
</div>


Q: I am trialing your tab menus at the moment and plan to use them on my website. I think they are excellent. I have been trying to work something out and hope you can help me. I have a nice menu set up, and want to change web pages when one of the tabs is clicked. How can the new page have the same java jump menu, but with a different tab activated? I can only seem to get this to work with a menu on a page that goes nowhere. I would have to pass a new value to bselectedItem but I don't know how.

A: Deluxe Tabs doesn't support API functions which can return theselected tab.

You can set "bselectedItem" and "  var bselectedSmItem" parametersbased on your link before you call your data file.

For example, move "  var bselectedItem" and "  var bselectedSmItem" parametersfrom your data file to your code.

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=<?php echo $seltabs; ?>;
  var bselectedSmItem=<?php echo $selsmtabs; ?>;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>

You should define seltabs and selsmtabs using server side script.

You can also set it on every page before you call data.js file, forexample:

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=4;
  var bselectedSmItem=3;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>

Try that.