Js Tree Exsample by Deluxe-Tree.com
Js Tree Exsample


Buy Now!  Free Trial Download

Menu Screenshots Js Tree Exsample

Js Tree Exsample Flyout Menu Tree

Features Js Tree Exsample

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
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
Menu Vertical Tree Js Tree Exsample
Easy Setup
  • De Luxe Tuner. GUI interface to create your js tree exsample menus easily and in no time
  • Sensible menu parameters for manual editing
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
Buy Now!  Free Trial Download

Javascript Tree Menu. Expandable Menu.

  • There is no need to write additional code on a server side to remember what items were expanded/collapsed. Javascript/DHTML Tree can save items state automatically!
  • When the submenu is bigger than the visible page area, you can use the scollbar for submenus to scroll your menu!

Recent Questions Js Tree Exsample

Q: I am evaluating your tabs before I purchase and I raninto a small problem.I need to be able to execute some javascript when I click on a tab in a navigation bar tabs

A: You can use your own javascript functions in the menu items.

You should paste "javascript:some_function()" into item's link field, for example:

["tab text","javascript: window.open('test.html', 'frameName')", ...],
or
["tab text","javascript: getURLForFrame()", ...],

Q: I regret to inform you that I have not fail understand, how can change place of the icon in software Deluxe Tuner(Menu).


A: You should add icons for the item in the "Item Parameters" window.

Now you have:
  var arrowImageMain=["vertikalno menu.files/icon_office_tuner2.gif","vertikalno menu.files/arrv_black.gif"];
  var arrowImageSub=["vertikalno menu.files/arrv_black.gif","vertikalno menu.files/arrv_black.gif"];

But you should add "vertikalno menu.files/icon_office_tuner2.gif" iconin the "Item Parameters" window.

So you will have in your menuItems
  var menuItems = [

["New Item","testlink.html", "vertikalno menu.files/icon_office_tuner2.gif", "vertikalno menu.files/icon_office_tuner2.gif", , , , , , ],
 ["|New Item ","", , , , , , , , ],
 ["|New Item","", , , , , , , , ],
["New Item","", "vertikalno menu.files/icon_office_tuner2.gif", "vertikalno menu.files/icon_office_tuner2.gif", , , , , , ],
 ["|New Item","", , , , , , , , ],
 ["|New Item","", , , , , , , , ],
["New Item","http://deluxe-menu.com/order-purchase.html", "vertikalno menu.files/icon_office_tuner2.gif", "vertikalno menu.files/icon_office_tuner2.gif", , "_blank", , , , ],
 ["|New Item ","", , , , , , , , ],
 ["|New Item","", , , , , , , , ],
["New Item","testlink.htm", "vertikalno menu.files/icon_office_tuner2.gif", "vertikalno menu.files/icon_office_tuner2.gif", , , , , , ],
 ["|New Item ","", , , , , , , , ],
 ["|New Item","", , , , , , , , ],


Q: Is it possible via code customization to remove the border only forthe top level of js dropdown menu?

A: You can use Individual Item Style in that case.
You should create Individual Style, for example:

  var itemStyles = [
["itemBorderStyle=none,none"], // style 0
];

And assign it for top items:

  var menuItems = [
["Home","testlink.html", "", "", "", "", "0", "", "", "", "", ], // assign style 0
["Product Info","", "", "", "", "", "0", "", "", "", "", ], // assign style 0
 ["|Features","testlink.html", "", "", "", "", "", "", "", "", "", ],
 ["|Installation","", "", "", "", "", "", "", "", "", "", ],
 ["|Supported Browsers","", "", "", "", "", "", "", "", "", "", ],
   ["||Windows OS","", "", "", "", "", "", "", "", "", "", ],
   ["||Internet Explorer","", "", "", "", "", "", "", "", "", "", ],
   ["||Firefox","", "", "", "", "", "", "", "", "", "", ],
["Samples","", "", "", "", "", "0", "", "", "", "", ], // assign style 0
 ["|Sample 1","testlink.html", "", "", "", "", "", "", "", "", "", ],
 ["|Sample 2 is Disabled","testlink.html", "", "", "", "_", "", "", "", "", "", ],
["Contact Us","testlink.htm", "", "", "", "", "0", "", "", "", "", ], // assign style 0
];

More info you'll find here:
http://deluxe-menu.com/individual-item-styles-info.html




Q: I am having some trouble placing the menu drop down vertical in frontpage. Does your company have a toll free number and some kind of tech support for the frontpage material. We are very interested in your program.


A: Unfortunately, we don't provide support by phone, e-mail only.

See, you should do the following things.

1. Create your menu in Deluxe Tuner.
2. Export the menu into html file "File/Export/To HTML".
3. Copy generated folder with all engine .js files and images
("deluxe-menu.files/" by default) and data-deluxe-menu.js (by default) into the same folder with you index.html page (created inFrontPage).
4. Now you should add several rows of code into your index.html file.
You can do it in FrontPage (open HTML source of the page and edit it)or in any text editor. Open your index.html page and edit it.
Notice that you'll have errors in the Preview. But you won't get errors if you open this page in the browser.
5. Add the following code in the tag:

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

and
<script type="text/javascript" src="data-deluxe-menu.js"></script>
in the place where you want to have the menu.
You can paste it in <table>, <div> tags. For example.

<div align=center>
<script type="text/javascript" src="data-deluxe-menu.js"></script>
</div>
6. Save your index.html page and open it in any browser.