Collapsible Menu Tutorial Dhtml by Deluxe-Menu.com
Collapsible Menu Tutorial Dhtml

Menu Screenshots

Collapsible Menu Tutorial Dhtml Css Flat Dropdown

Features

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
  • Section 508 compliant
Unrivalled Features
  • Scrollable, dragable, floating, right-click menus
  • Keyboard navigation - press Ctrl+F2 to enter the menu
  • 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".
  • Search feature - add the search area in the menu and type symbols. The found words will be higlighted.
  • Sound support!
Creating A Menu Using Javascript Collapsible Menu Tutorial Dhtml
Cost Effective
Seamless Integration
  • Cross-frame support - menus work on frameset-based pages
  • 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
  • UL/LI items structure
  • Runs well with an unlimited number of submenus and items



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Use a mouse to move a menu as a usual window. Also you can create the menu where each submenu can be "separated" from the menu (MS Office toolbar-like mode).
  • When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes.
  • There can be multilevel menus - create as many rows of the menu as necessary. Any submenu in its turn can include different number of columns.

Recent Questions

Q: Is it possible to use more than one Menu in one Site, for example with

<script type="text/javascript">  var dmWorkPath1 = "menue/produkt.files/";</script>
<script type="text/javascript" src="menue/produkt.files/dmenu.js"></script>
<script type="text/javascript">  var dmWorkPath2 = "menue/navigation.files/";</script>
<script type="text/javascript" src="menue/navigation.files/dmenu.js"></script>

unfortunately this syntax doesnґt work


A: You can use as many menus as you want on the one page.

But you should call dmWorkPath parameter and dmenu.js file only onceon the one page.

You cannot write dmWorkPath1 and dmWorkPath2. Youir menu won't workcorrectly in that case.

You should write
<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<!-- (c) 2007, http://deluxe-menu.com -->

and call several data files:
<script type="text/javascript" src="menudir/data1.js"></script>
...
<script type="text/javascript" src="menudir/data2.js"></script>
...
<script type="text/javascript" src="menudir/data3.js"></script>


Q: Can you please give me an example of how I would return the full path to the selected item of the web site menu?

A: See the following example:

function getFullPath(mInd){
  var result='';

// get pressed item
  var params = dm_ext_getMenuParams(mInd);
if (!(params[2]>=0)) return '';

function getPathForItem(mInd,smInd,itInd){
// get for this item
  var params = dm_ext_getItemParams(mInd,smInd,itInd);
  var result = params[2]+ '('+ params[3]+')';

// find root item id
if (smInd <= 0) return result;
params = dm_ext_getSubmenuParams(mInd,smInd);

for (  var smInd_=0;smInd_ for (  var itInd_=0;itInd_ itParam = dm_ext_getItemParams(mInd,smInd_,itInd_);
if (itParam[0]=arams[2])// id
return result + '->' + getPathForItem(mInd,smInd_,itInd_);
}
}
return result;
};

return getPathForItem(mInd,params[1],params[2]);
}


Q: I recently purchased Deluxe Menu and I am getting the attached error message every time my cursor passes over the toolbar at thetop of the main program window. Is there a fix?


A: I suppose that you're using Windows 2000.
We have some problems with Tuner on this OS.

Unfortunately we didn't fix the issue with Windows 2000 yet.

Try to delete all content from toolbar.html file.

C:/Program Files/DeluxeMenus/deluxe-menu/deluxe-tuner/data/deluxe-tree/toolbar/toolbar.html

C:/Program Files/DeluxeMenus/deluxe-menu/deluxe-tuner/data/deluxe-menu/toolbar/toolbar.html

C:/Program Files/DeluxeMenus/deluxe-menu/deluxe-tuner/data/deluxe-tabs/toolbar/toolbar.html  


Q: How do I turn off transitional effects in my ajax dropdown menu?

A: You should set the following ajax dropdown menu parameters.

  var transition=-1;
  var transOptions="";
  var transDuration=0;
  var transDuration2=0;