Html Tree Menu Vista by Deluxe-Tree.com
Html Tree Menu Vista


Buy Now!  Free Trial Download

Menu Screenshots Html Tree Menu Vista

Html Tree Menu Vista Tree Vertical Popup Menu

Features Html Tree Menu Vista

Cost Effective
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
Tree Drop Down Menu Template Html Tree Menu Vista
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 html tree menu vista menus easily and in no time
  • Sensible menu parameters for manual editing
Buy Now!  Free Trial Download

Javascript Tree Menu. Expandable Menu.

  • Use images for backgrounds of submenus and items, icons, arrows.
  • Use any amount of menus on a single page.
  • Place any HTML code within the menu item - be it a flash-object, form, picture, or text. This ability lets you to build various menus of any complexity. You can create 3-state icons for each item: normal state, mouseover state, expanded state. After clicking on menu item selected item becomes highlighted.

Recent Questions Html Tree Menu Vista

Q: I found the problem with de JavaScript Tree Menus:
When the menu is inside the <DIV> </DIV> tags, the menu is shown, but does not scroll.


A: See, you use absolute position for this <div>

<div STYLE="position:absolute;top:151px; left:0px">

But you can use absolute position for the menu. Your menu will scrollin this case.

For example, you should set:

  var absolutePos=1;
  var posX="0";
  var posY="151px";

And install your menu

<div>

<script type="text/javascript" src="data.js"></script>

</div>

Or, write:

<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "/";</script>
<script type="text/javascript" src="dmenu.js"></script>
<script type="text/javascript" src="data.js"></script>


Q: I created a tree menu based on your template Vista Style 7.

I would like to know if there are some possibilities to set the x coordinate of the submenus. I would like to have a tree menu with submenus which are not moving to the right when expanding the main menu but staying under it.

A: You can only try to use the following parameter to change submenuposition:

  var tlevelDX=0;



Q: When I add links to the java pop up menu items, the mouse icon does not change to the usual pointer on hover. Any ideas?

A: You should set the following java pop up menu parameter:

  var itemCursor="pointer";



Q: Would it be possible to introduce more font decoration options to the mouseover variables for the horizontal navigation?I would like to add bold as a mouseover font decoration, but obviously this is not possible at the moment.


A: Unfortunately, JavaScript Tree Menu doesn't have such a feature.
You can onlyset it's color. You cannot set the font of menu item bold when selected.

You should addthe following code in your data file:

function changeFont(obj, over)
{
obj.style.fontWeight = over ? 'bold' : 'normal';
obj.style.fontSize = over ? '13px' : '12px'; // You can not use this line
}

  var menuItems = [
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Security</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Ease of Access</div>","", "", "", "", "", "", "", "", ],
 ["|<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Internet Options</div>","", "", "", "", "", "", "", "", ],
 ["|<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Windows Firewall</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Network and Internet</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Hardware</div>","", "", "", "", "", "", "", "", ],