Icon Treenode Closed Yui Treeview by Deluxe-Tree.com
Icon Treenode Closed Yui Treeview


Buy Now!  Free Trial Download

Menu Screenshots Icon Treenode Closed Yui Treeview

Icon Treenode Closed Yui Treeview Tree Example Pull Down Menus

Features Icon Treenode Closed Yui Treeview

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
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
Fading Menu Tree View Icon Treenode Closed Yui Treeview
Cost Effective
Easy Setup
  • De Luxe Tuner. GUI interface to create your icon treenode closed yui treeview menus easily and in no time
  • Sensible menu parameters for manual editing
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
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 Icon Treenode Closed Yui Treeview

Q: We are in the stage of design, we have a requirement to have the right click drop down menu fly out from right to left.

A: The following parameter controls the ways of showing submenus:

From left to right:

  var subMenuAlign="left";
  var subMenuVAlign="top";

From left to right + upwards:

  var subMenuAlign="left";
  var subMenuVAlign="bottom";

From right to left:

  var subMenuAlign="right";
  var subMenuVAlign="top";

From right to left + upwards:

  var subMenuAlign="right";
  var subMenuVAlign="bottom";

You can find this info here:
http://deluxe-menu.com/ways-showing-submenus-sample.html



Q: We are a registered user of deluxe menu.
We are using your Deluxe-Menu.
We have one problem we have implemented menu in our html page.
It works very well in IE but there is a problem in firefox.
It display gap between two menu.



A: 1) You can move search engine friendly code inside the NOSCRIPT tag:
<!-- Code for JavaScript Tree Menu Items. Generated by Deluxe Tuner -->
<noscript><a href=http://deluxe-menu.com/>Javascript Menu by Deluxe-Menu.com</a>
<div class="dmlinks" style="font:normal 11px Verdana;color:#000000;text-decoration:none">
<a href="default.html">Home</a>
<a href="products.html">Products</a>

...
<a href="channel_partners.html">Partners</a>
<a href="feedback.html">Feedback</a>

<a href="http://blogs.innowera.biz">Blogs</a>
</div>
<!-- End of Code for JavaScript Tree Menu Items -->
</noscript>

You won't see links when your page loads in that case.

2) You should specify the following parameter:
  var itemSpacing="0";


Q: I have just downloaded your trial version and am trying to use de-lux tuner using the windows xpstyle1 template. I can only seem to get the top java menu button showing as grey but can change colors of submenus OK. Am I missing something or is this a restriction of the trial system i.e. how do I get the top java menu button showing the same as submenu buttons.

A: Trial version has full functionality of the licensed version.

To change submenu colors you should change the following parameters:

  var menuBackColor="#F2F3F2";
  var itemBackColor=["#F2F3F2","#535353"];
and Individual Submenu Style:

  var menuStyles = [
["menuBackColor=#F2F3F2","menuBorderWidth=0","itemSpacing=0","itemPadding=4px","smOrientation=undefined"],
];

For the top items you should change Individual Item style:

  var itemStyles = [
["itemHeight=21px","itemBackColor=#F2F3F2,#535353"],
];



Q: Obviously your menus are NOT cross browser usable, as you can e.g. Padding does not work in opera, while it works in IE.
When will there be an update on that bug?


A: JavaScript Tree Menu works fine in all browsers.
Try to set exact width for the menu width and menu height, try also to specify unitsin "px":
  var menuWidth="500px";
  var menuHeight="20px";
  var smWidth="116px";
You should also check your padding parameter, you should write it so:
  var itemPadding="1px 1px 1px 12px";