Drop Down Faq by Deluxe-Menu.com
Drop Down Faq

Menu Screenshots

Drop Down Faq Visual Javascripts Drop Down

Features

Cost Effective
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
Drop Down Templates Drop Down Faq
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
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Build right-click menus for your site. For this purpose you should appoint a peculiar method for the object you want. The current X,Y of the mouse pointer or your own ones can be used for the context menu.
  • Design menus absolutely based on CSS (Cascading Style Sheets). It is possible to apply the personal CSS styles for every elements of the menu.
  • When the submenu is bigger than the visible page area, the size of submenu will be automatically decreased. To view all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automagically scrolled! You can also define width and height for each submenu.

Recent Questions

Q: I'm am try to use your Deluxe drop down menu generator and can not get it to work..

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.

When you open Deluxe Tuner you can click "File/New"and add items and subitems using buttons "Add Item" and "Add Subitem" onthe 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-menu.com/parameters-info.html
http://deluxe-menu.com/menu-items-info.html

You can also use Individual Styles for items and subitems
http://deluxe-menu.com/individual-item-styles-info.html
http://deluxe-menu.com/individual-submenu-styles-info.html

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

So, you'll have folder with all engine files and images("Deluxe-menu.files/" folder by default), Deluxe-menu.html file anddata-Deluxe-menu.js file with all menu parameters.

Open Deluxe-menu.html file in any text editor and copy several rows ofcode into your page (for example index.html page of your website).

Copy and paste several rows into your html page (index.html).

<head>
...
<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">drop down menu generator 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><script type="text/javascript" src="Deluxe-menu.files/data-Deluxe-menu.js"></script></td></tr> //data-Deluxe-menu.js - data file
created in
Deluxe Tuner.
</table>
...
</body>

You should also copy "Deluxe-menu.files/" folder with 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
and data-Deluxe-menu.js file into the same folder with your index.html page.

Try that.


Q: I can not figure out why my submenus are not opening next to the javascript menu horizontal? I have included a picture so you can see what I am talking about. When I am in the turner program they pop up just fine but on my website they don't.

A: See, the problem is that the script can't get css properties of the object if they are described in separate .css block (or file).In other words, you can't get the value of "POSITION: absolute" attribute of the object if the object doesn't have this property within inline style (style="POSITION:absolute;"). To get the value you should move .css style into style="" attribute.

Please, try to add your
css file -> inline css, for example:

You should add style="POSITION: absolute; TOP: 0px"

to the

<div id=div_name>

So, you'll have:

<DIV id=div_name style="POSITION: absolute; TOP: 0px">
Try that.



Q: I want to use single css drop down menu bar for each page without applying HTML Code for each page separatly.I mean to use CSS Menu as per our .JS Menu.

A: Unfortunately it is not possible with css menu.

On each page you should call css file with styles:

<link href="menu.css" rel="stylesheet" type="text/css" />

and add code for the menu on each page in the place where you want to have a menu, forexample:

<ul class="cssMenu cssMenum">
<li class=" cssMenui"><a class=" cssMenui" href="testlink.html">Home</a></li>
<li class=" cssMenui"><a class=" cssMenui" href="#"><span><img class="def" src="default.files/icon1.gif"/>
<img class="over" src="default.files/icon1o.gif">Product Info</span>
<![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul class=" cssMenum">
<li class=" cssMenui"><a class=" cssMenui" href="testlink.html"><img class="def" src="default.files/icon2.gif"/>
<img class="over" src="default.files/icon2o.gif">Features</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->lt;/li>
<li class=" cssMenui"><a class=" cssMenui" href="testlink.htm">
<img class="def" src="default.files/icon1.gif"/>
<img class="over" src="default.files/icon1o.gif">Contact Us</a></li>
</ul>

You can also try to use frames.
Also you can use aserver-side script (php, asp, vb, etc.) to generate html pages fromtemplates on your server.



Q: Does this mean that nothing needs to be installed on the server side to make javascript menu?

Here is why I am asking this:

We have a main "corporate" web site, which is going to use the Deluxe Menu. One of the links on the main site will launch a page, which is running on a separate web server (physically separate server, and not a load-balancing scenario). Since all of these pages should look identical to the users, they all have to use the exact same configuration and look&feel in Deluxe Menu. I was wondering if any "configuration" type settings are stored on the server. In other words, would we have to maintain the Deluxe Menu install on two separate servers?

A: There is no need to install anything on your server. You should onlycopy a folder with all engine files (dmenu.js, dmenu_add.js, ...) anddata file on your server. Then you should call these files on yourpages, for example:

<body>
<script type="text/javascript">  var dmWorkPath="menu.files/";</script>
<script type="text/javascript" src="menu.files/dmenu.js"></script>
...
<script type="text/javascript" src="data.js"></script>

> In other words, would we have to
> maintain the Deluxe Menu install on two separate servers?
Actually you can copy deluxe menu files on the one server only anduse absolute paths.