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

Menu Screenshots

Dhtml Collapsible Menu Disable Menu Item Javascripts

Features

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!
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
Dynamic Expandable Menu Dhtml Collapsible Menu
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
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your dhtml collapsible menu menus easily and in no time
  • Sensible menu parameters for manual editing



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: Hello, I am trying to figure out how to use the Dynamic functionality in the java menu codes. I believe I want to use something like the dm_ext_changeItemVisibility function, and I want it to be dependent on HTML wrapped around the menu item.

Below is functionally how I want it to work:

Show menu item 1
Show menu item 2
<if condition="!is_member_of($bbuserinfo,10)">
Show menu item 3
</if>
Show menu item 4

Is there an example you can share that does something like this? I searched the site and could not find an answer.

A: Yes it's possible, please see
http://deluxe-menu.com/dynamic-functions-sample.html

Disable "Product Info/Installation" item.
and
Hide / show "Samples" item.

You can call these function via javascript depending on your conditions.



Q: Hello. I'm trying your javascript expanding menu but cant get a clicked menu to stay highlighted. It works sometimes in Firefox but never in explorer.

With sometimes I mean that if I click a link and that paticular link leeds to nowhere, and i've to click the browsers back button.....then the link I clicked is highlighted when I return. If I make a link that leeds to a new page (with exactly the same code as was generated from delux tuner), then nothing is highlighted. Does this 'higlightstate' work at all?

A: Javascript expanding menu doesn't save a presseditem as it saves a tree state. It works within 1 page only and if youreload the page you should set a pressed item using Javascript API:

function apyt_ext_setPressedItem(menuInd, itemID)

<script type="text/javascript">

  var I = 4 //index of the selected item
onload=setPressed;
function setPressed()
{

dtreet_ext_setPressedItem(0,dtreet_ext_getItemIDByIndex(0, i));

}

</script>



Q: I would like to use dhtml popup window in response to a mouse click on a picture.

A: To open your window on mouse click you should do the following:

<a title="Click to open the window" href="javascript:;"
onclick="deluxePopupWindow.open('win', '<img class=\'border0\'
src=\'../images/Tige/CabinetMod/Tige_CabinetMod04.JPG\' alt=\'Gasket
mount\'>', 'Full Image', 'width=180,height=270,resizable,scrollbars=no,middle,right,fade-effect', 'windowsvista_graphite')">
lt;img class="border0" src="../images/Tige/CabinetMod/Tige_CabinetMod04_small.JPG" alt="Gasket mount"></a>.



Q: Can we right justify the secondary nav?
If so, can you send instructions on how. Thanks.


A: You should set the following parameters:

  var titemAlign = "right";
  var ticonAlign = "right";