dhtmlxMenu - customizable JavaScript Menu that represents an excellent solution for web navigation. If you need to integrate DHTML or Javascript navigation system into your web application or web site you can do it easily with dhtmlxMenu.



dhtmlxMenu is an advanced JavaScript navigation component. It's flexible, powerful, lightweight and easy to use. You can freely define visual menu appearance and complexity by simply changing its parameters. dhtmlxMenu has cross-browser/multiplatform compatibility, powerful client-side API and customizable icons (with JavaScript or xml). Dynamical loading from XML gives an opportunity to change navigation menu completely without reloading. dhtmlxMenu supports vertical scrolling of items and several buttons types (image, image with text, select box).

Supported Browsers:

  • IE 5.x and above
  • Mac OS X Safari
  • Mozilla 1.4 and above
  • FireFox 0.9 and above
  • Opera (Xml support depends on browser version)
  • Menu Features:

  • Multibrowser/Multiplatform support
  • Full controll with JavaScript API
  • XML support
  • Dynamic loading
  • Panel Scrolling
  • Horizontal and vertical layout
  • Items with/without icons
  • Customizable design
  • High stability
  • Licensing

  • Open Source - GPL
  • Commercial License: in order to use dhtmlxMenu in a commercial non-OpenSource project or to have support you can purchase a Commercial License ($49) - please contact us
  • Download Menu:

  • Full package
  • Documentation only
  • Examples:

  • Initialize object
  • Add/Delete items
  • Customisable layout
  • Vertical layout
  • Skinable design
  • Button properties
  • Direct linking
  • Context menu
  • Documentation:

  • API Functions and Documentation

  • Download Javascript Menu source code

    Code Sample

    <link rel="STYLESHEET" type="text/css" href="css/dhtmlXMenu.css"> <script language="JavaScript" src="js/dhtmlXProtobar.js"></script> <script language="JavaScript" src="js/dhtmlXMenuBar.js"></script> <script language="JavaScript" src="js/dhtmlXCommon.js"></script> <script> var tree1 = null; function onButtonClick(itemId,itemValue) { //alert("Button "+itemId+" was pressed"); }; function doOnLoad(){ aMenuBar=new dhtmlXMenuBarObject("menu_zone",'100%',25,""); aMenuBar.setOnClickHandler(onButtonClick); aMenuBar.setGfxPath("img/"); aMenuBar.loadXML("_menu.xml") aMenuBar.showBar(); } </script> <body onload="doOnLoad()"> <div id="menu_zone" style="width:600;border :1px solid Silver;"> </div>