Menu Deroulant Dhtml by Deluxe-Menu.com
Menu Deroulant Dhtml

Template:






    - Transition #14 - "fade out" effect
    - Horizontal or vertical orientation
    - Top items and submenus have a shadow
    - Text aligned to left
    - Submenus go over all page objects
    - Cross-frame support - menus work on frameset-based pages
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - UL/LI items structure




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

Menu Screenshots

Menu Deroulant Dhtml Menu Button

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

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your menu deroulant dhtml menus easily and in no time
  • Sensible menu parameters for manual editing
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!
Horizontal Html Menus Menu Deroulant Dhtml
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
Cost Effective
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed menu deroulant dhtml 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.

  • 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.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Is there a way to capture which menu item was clicked in the popup menu and store that information into a database?


A: See how you can find the ID of the clicked item:

  var menuItems = [
["Home","javascript:alert(itVar.id)", "", "", "", "_self", "3"],
];

Q: We are using Deluxe Menu for our website. When developing a new menu with longer text we are facing an issue.

JS Code for a menu item (Ajax technology):

[' Introduction &<br>Search Terms',
'/TeachingLaw/Courses/LegalRsrchWriting/AmySloan/Room1/','','' ,'' ,'' ,'' ,''
,'/TeachingLaw/DeluxeMenu/AmySloan/Room1.js',],

Code as above is used to create a the following menu:

We are using <br> as the menu text is too long but the problem we are facing is the space between two line of web menu text.

Can you please let me know how we can reduce the space?

A: You can write your text in the following way:

["<div style='line-height: 10px'> &nbsp;Introduction &<br>Search Terms</div>",
"/TeachingLaw/Courses/LegalRsrchWriting/AmySloan/Room1/","","","","" ,"" ,""
,"/TeachingLaw/DeluxeMenu/AmySloan/Room1.js",],

or

['<div style="line-height: 10px"> &nbsp;Introduction &<br>Search Terms</div>', '/TeachingLaw/Courses/LegalRsrchWriting/AmySloan/Room1/','','' ,'' ,'' ,'' ,'','/TeachingLaw/DeluxeMenu/AmySloan/Room1.js',],

Q: I can’t seem to figure out how to keep last clicked item in my java menu script marked.

I use these options:

pressedItem = -1

  var saveNavigationPath = 1;

Where and how do I determine the background color of the clicked item?

I also have this problem on Deluxe Tree.


A: The menu has only two states normal and mouseover.

Try to do the following things:

- delete   var pressedItem=1; parameter from your data file
- set correct parameter on each page before you call data file, forexample:

<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<script type="text/javascript">  var pressedItem=3;</script>
...
<script type="text/javascript" src="menudir/data.js"></script>

You can also set a pressed item using Javascript API:
function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.


Q: I need to include background images for my navigation, so I put them in the same folder where the "data.js" file can be found. I am using the deluxe tuner in order to call these files and it looks great in the preview. As soon as I save the file and load it in the browser, the background images are missing.

Your solution refers to creating absolute paths using
  var pathPrefix_img = "http://domain.com/images/";

I have implemented this solution but I still think the problem persists.


A: Now you set pathPrefix parameter:
  var pathPrefix_img = "http://www.domain/folder/menudir/dataAlumni.files/";

And you have such images paths, for example:
  var arrowImageSub=["dataAlumni.files/submenuIconOff.gif","dataAlumni.files/submenuIconOn.gif"];

So you have such paths for arrows:
http://www.domain/folder/menudir/dataAlumni.files/dataAlumni.files/submenuIconOff.gif

It is not right.

You should write your paths so:
  var arrowImageSub=["submenuIconOff.gif","submenuIconOn.gif"];

Please, correct it.


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