Javascript Upward Collapsible Menu by Deluxe-Menu.com
Javascript Upward Collapsible Menu

Menu Screenshots

Javascript Upward Collapsible Menu Simple Pop Up Menu Javascript

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript upward collapsible menu menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript upward collapsible menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Dhtml Menu Simple Javascript Upward Collapsible Menu
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!
Cost Effective



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • There can be multi level menus - create as many rows or columns of the menu as you want.
  • Use a mouse to drag a menu as a usual window. Also you can construct the menu where each submenu can be "detached" from the main menu (MSOfficeToolbarLike mode).
  • When the page is scrolled the menu remains visible. The DHTML menu can "float" along one or two coordinate axes.

Recent Questions

Q: Deluxe Menu supports keyboard navigation eg. CTRL+F2 to activate menu.

Why does Deluxe Tabs not have the same feature?

I would like to use both java script navigation menu systems on the same page, and both need to have keyboard navigation for accessibility reasons.

A: Unfortunately it is really so, Deluxe Tree and Deluxe Tabs doesn'thave such a feature now.

We'll try to add this feature in the next versions of the java script navigation menu.



Q: I’d like to know how to populate the navigation bar menu from a database?


A: Please, see the example of .php file.The content of .php file depends on your database structure.

<?php

// The example for PHP/MySQL.
// MySQL database has the table "menuTable" that contains data for menu items.
// The table has the following fields:
// 1. "text" - item text
// 2. "link" - item link
// 3. "icon1" - item icon (normal state)
// 4. "icon2" - item icon (mouseover state)
function getMenuItems()
{
$jsItems = '';

// Select all records from table "menuTable"
$allItems = mysql_query('SELECT * FROM menuTable;');

// Extract items data from database and build Javascript code for menuItems
while ($itemData=mysql_fetch_array($allItems))
{
$jsItems .= '["'.$itemData['text'].'", "'.$itemData['link'].'", "'.$itemData['icon1'].'", "'.$itemData['icon2'].'"],';
}

// Return Javascript code
return $jsItems;
}


?>

<script>
  var menuParam1 = value1;
  var menuParam2 = value2;
  var menuParam2 = value2;
...

  var menuItems = [

// Write Javascript code for menu items
echo getMenuItems();

?>

];
</script>


Q: I want to make a Treemenu with AJAX.

If I look in the dhtml menu tool preview all is good.

But if I put it in a html, it does not function anymore.

I'm using Version 3.2.6.12 (you sent me a while ago)

A: There is a bug in the current version of Deluxe Tuner. It doesn't saveengine file for AJAX menu - dtree_ajax.js.

Please, copy it manually now. We'll correct this bug in the nextversion.

You should also add tWorkPath parameter in your html page.
<!-- Deluxe Tree -->
<noscript><a href="http://deluxe-tree.com">dhtml menu tool by Deluxe-Tree.com</a></noscript>
<script type="text/javascript">  var tWorkPath="menu.files/";</script>
<script type="text/javascript" src="menu.files/dtree.js"></script>
<!-- (c) 2006, http://deluxe-tree.com -->


Q: How I can set left align for the arrows in my drop down menu templates?

  var arrowImageSub=["arr_1_blk.gif","arr_1_red.gif"];

A: If you want that your arrows will appear on the left side you shouldset:

  var dmRTL=0;

parameter.