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

Template:

Google Style Template - Dhtml Pop Up Menu






    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Submenus dropdown on mouseover
    - Search feature - add the search area in the menu and type symbols.
    - Text aligned to left
    - Top items and submenus have a shadow
    - Inactive/Disabled items
    - Status string shows item labels
    - Personal CSS styles for separate menu elements




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

Menu Screenshots

Collapsible Menus Css Desplegables

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

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!
Cost Effective
Dhtml Javascript Createpopup Collapsible Menus Css
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
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
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
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Good menu is an essential part of website commercial success. If people can't find their way around the site, they will fast give up seeking and retire, never to return. So, it's extreme serious that your website has a accurate, precise, prompt, and navigation of immaculate appearance.
    Don't let your web site guests to get lost. Try Deluxe Menu!

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

Recent Questions

Q: I am trying to use the Drop Down Menu in a perl script. I would like to know if this is possible?


A: You can use javascript menu in a perl script. Please, see the examplebelow.
------------------ begin program
#!/usr/bin/perl
#!c:\perl\bin\perl

use CGI; # CGI library
use DBI; # Database library
print "Content-Type: text/html\n\n";

use CGI::Carp qw(fatalsToBrowser);
print '<head>
<!-- Deluxe Menu -->
<noscript><a href=http://deluxe-menu.com/>Javascript Menu byDeluxe-Menu.com</a></noscript>
<script type="text/javascript" language="JavaScript1.2">  var dmWorkPath ="menudir/";</script>
<script type="text/javascript" language="JavaScript1.2" src="menudir/dmenu.js"></script>
<!-- (c) 2005, http://deluxe-menu.com --> </head>';

print "<table>";
print '<tr><td><script type="text/javascript" language="JavaScript1.2" src="menudir/data-deluxe-menu.js"></script></td></tr>';
print '<tr><td>second line</td></tr>';
print '</table>';

exit;

_______________________ end program


Q: We are having a bit of trouble with your menu, when you go down into a sub menu, and then back to the item that called it, the sub menu expands.

For example, if i have this menu structure

File
     New
     Save
     Exit

When i MouseOver New and then MouseOver File, the menu containing New, Save and Exit will grow. If i keep doing this then the menu will continue to expand horizontally.

I know its something we have done, since there doesn't seem to be a problem on your site, its just i don't know what it is


A: Rozi, we heard about such problems. I suppose that you see such effectin IE.

Please, try not to use shadow in the menu.
Please, set this parameter:
  var shadowLen=0;

We'll correct this bug soon.

Try also write all units in "px", for example:

  var itemPadding = "3px";


Q: There's no explanation of what to do after creating a dhtml menu example or where to paste the code, which files to upload..

A: 1. Create your menu in Deluxe Tuner.

When you open Deluxe Tuner 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://deluxe-tree.com/parameters-info.html
http://deluxe-tree.com/menu-items-info.html

You can also use Individual Styles for items and subitems

http://deluxe-tree.com/individual-item-styles-info.html
http://deluxe-tree.com/individual-submenu-styles-info.html

2. You should install the menu on your page.
You can click, for example, File/Export to HTML (you can't do it inthe MAC version).
Save your data file.
Add several rows into your html page.

<head>
...
<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var WorkPath="deluxe-menu.files/";</script>
<script type="text/javascript" src="deluxe-menu.files/dmenu.js"></script>
...
</head>

<body>
...
<table>
&tr><td>%lt;script type="text/javascript" src="deluxe-menu.files/data.js"></script></td></tr> //data.js - data file created in Deluxe Tuner.
</tablegt;
...
</body>

You should also copy all engine files
dmenu.js
dmenu4.js
dmenu_add.js
dmenu_dyn.js
dmenu_key.js
dmenu_cf.js
dmenu_popup.js
dmenu_ajax.js
dmenu_search.js

into "deluxe-menu.files/" folder. You should place this folder in the
same folder with your index.html page.

Try that.



Q: I currently have the menus set to show the selected item in white and the non-selected items in blue.
However, I can only choose one item in each menu.
Is there any way to choose multiple items from a single drop down css menu and have all of
selected items show white?
If so, what option do I need to enable for the menu?


A: No, Deluxe Menu doesn't has a feature to highlight multiple items now.

Actually you can use the following function:
function dm_ext_changeItem (menuInd, submenuInd, itemInd, iParams)

You can create Individual Item Style with style of selected item and
using this function assign it for the items you want to highlight

dm_ext_changeItem(0, 0, 1, ["Deluxe Menu Info", "", "", "", "Deluxe Menu Hint",,"1"]);



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