External Collapse Expand Menu Javascript by Deluxe-Menu.com
External Collapse Expand Menu Javascript

Menu Screenshots

External Collapse Expand Menu Javascript Javascript Menu How To Make

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
Easy Setup
  • De Luxe Tuner. GUI interface to create your external collapse expand menu javascript menus easily and in no time
  • Sensible menu parameters for manual editing
Css Menus Drop Down External Collapse Expand Menu Javascript
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed external collapse expand menu javascript samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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!
Cost Effective



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Use images for backgrounds of submenus and items, icons, arrows. Using web images you can create menus completely based on graphics.
  • Design both horizontal and vertical menus and submenus with any amount of menus on a single page.
  • Place any HTML code inside the menu item - be it a flash-object, form, picture, or text. This ability lets you to build various menus of any complexity.
  • Submenus can be shown in 4 ways: - From left to right and also from left to right + upwards. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).

Recent Questions

Q: When I use API like <script>dm_ext_deleteItem(0, 0, 0);</script> it works fine in my first dhtml drop down menu code (menu.js) but I'm unable to reach second one (menu_gauche.js). I’ve tried this : <script>dm_ext_deleteItem(1, 0, 0);</script> and the page came’s out with a JavaScript error on that line. I’ve read on your side about dm_ext_deleteItem api and the first parameter is for menu Id … If there anything that I have forgot ??

A: You cannot use the following function for the tree menu:

dm_ext_deleteItem(1, 0, 0);

There is no such function there:

You should use

dtreet_ext_deleteItem (0, 0)

for the tree menu, see more info:
http://deluxe-tree.com/functions-info.html

You should set menuInd=0 if you have only one dhtml drop down menu code on your page.



Q: I really like floatable tree menus and want to add in this website.
I am not professional website developer … I’ve installed your trial software …
but not able to add tree menus in my website.
Can you pls guide me how I can add dhtml vertical menus in left side bar of website?

A: Unfortunately we don't have step by step tutorial yet.
We'll try to create it in the nearest time.

1. Create your menu in Deluxe Tuner application.
You can create any menu you like in Deluxe Tuner.

You can use ready to use templates. You can find them in the templateswindow.

When you open Deluxe Tuner ( Deluxe Tree ) you can click "File/New"
and add items and subitems using buttons "Add Item" and "Add Subitem" on the main window.
You should set items and subitems parameters on the "Item Parameters" window.
See also other parameters for the menu on the main window.

More info about menu parameters you can find on our site
http://www.deluxe-tree.com/parameters-info.html

You can also use Individual Styles for items and subitems.

2. You should install the tree menu on your page.
You can click, for example, File/Export to HTML.

Add several rows into your html page.
<head>
...
<!-- Deluxe Tree -->
<noscript><a href="http://deluxe-tree.com">Javascript Tree Menu by Deluxe-Tree.com</a></noscript>
<script type="text/javascript">  var tWorkPath="deluxe-tree.files/";</script>
<script type="text/javascript" src="deluxe-tree.files/dtree.js"></script>
<!-- (c) 2006 - 2007, http://deluxe-tree.com -->
...
</head>

<body>
...
<table>
<tr><td><script type="text/javascript" src="menudir/data-tree.js"></script> </td></tr> //data-tree.js - data file created in Deluxe Tuner.
</table>
...
</body>

You should also copy all engine files
dtree.js - menu engine file
dtree_add.js - additional module for floatable/movable menus
dtree_dyn.js - additional module with Javascript API to change the menu "on-the-fly"
dtree_ajax.js - additional module with the AJAX-like support

into "deluxe-tree.files/" folder. You should place this folder in thesame folder with your index.html page.

Try that.



Q: Are these cool html scripts compatible with .NET?

A: Yes, Deluxe Menu works in .NET.
Deluxe Menu is a Javascript product. It means that it works on aclient side and it doesn't work on a server side as ASP.NET script.
So, you can create the menu using standard html page and them movemenu code within .asp page.



Q: I am trying to implement something with your wonderful product and have annoying problem that I am sure You are going to solve.

I am using 2 deluxe-menus on the same page.
The first one for showing some hierarchy of sites, and the second for showing pop-up right-click context menu (that clicked on some menu-item from the first deluxe-menu) .

The problem is that in case the user clicked on some sub-menu from the first css horizontal menu drop down, then all the sub menus disappear. I want them to stay.

I tried to give to the first deluxe-menu *smHideOnClick*=0 , but it doesn't help.

A: Try to set the following parameter:

  var smHidePause=-1;