Css Collapsible Expandable Menu by Deluxe-Menu.com
Css Collapsible Expandable Menu

Template:

Grey Rounded Menu Template - Pure Css Menu






    - Items with icons
    - Sound support!
    - Several menus on one page
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Transition #14 - "fade out" effect
    - UL/LI items structure
    - Filters and Transitional effects
    - 85% transparency for sub menus




2 0 Navigation Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  Blog   ::  More Info

Menu Screenshots

Css Collapsible Expandable Menu Html Drop Down Menu Horizontal

Buy Now!   ::  Free Trial Download   ::  More Info

Features

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
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!
Javascript Vertical Navigation Bar Css Collapsible Expandable 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
Easy Setup
  • De Luxe Tuner. GUI interface to create your css collapsible expandable 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 css collapsible expandable menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I'm wondering if you can use the Link Item of the Deluxe Menu to have ASP code, similar to yoru FAQ below, only replacing the Javascript with ASP?

Q: I want to use Javascript instead of usual links for menu items. How can I do that? A: To do that you should add a function word "javascript" in the URL field of an item, e.g.:

  var menuItems = [
[text, "javascript:alert('Hello, world!')", icon1, icon2],
];


A: Thanks for your interest in our products.

You can use any server-side script, e.g., PHP, ASP, VB, etc.

You can find the example with PHP here:

http://deluxe-menu.com/generate-menu-from-database-xml-php-asp-vb-support.html
http://deluxe-menu.com/rq-loading-bar-MySQL-support.html


Q: Is there any luck with getting your popup menusto work with the dynamic drive script..?

A: Unfortunately we don't work with dynamic drive script.
But I suppose that you can use it with Deluxe Menu without any problems.
But in that case you should move menuItems and dm_init(); function from your data file tothe html page directly.
For example delete the following code from your data file

  var menuItems = [
["Aston Martin Page","javascript:ajaxpage('ajaxfiles/external3.htm', 'rightcolumn');\"", "", "", "", "", "", "", "", "", "", ],
];
dm_init();

and paste it in SCRIPT tags on your html page in the place where you want to have a menu:

...
<div>
<script type="text/javascript">
  var menuItems = [
["Aston Martin Page","javascript:ajaxpage('ajaxfiles/external3.htm', 'rightcolumn');\"", "", "", "", "", "", "", "", "", "", ],
];
dm_init();
</script>
</div>


Q: Currently the links of javascript tab control open in a _blank browser, how do I change this?


A: You should set the following parameter:

  var bitemTarget = "_self";

You can set it using Deluxe Tuner. You can find this parameter in theTab-Mode section.


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>

Buy Now!   ::  Free Trial Download   ::  More Info