Javascript Leftmenus by Deluxe-Menu.com
Javascript Leftmenus

Menu Screenshots

Javascript Leftmenus Pull Down Menu Html Codes

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript leftmenus samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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 Example Drag N Javascript Leftmenus
Cost Effective
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.

  • Use images for backgrounds of submenus and items, icons, arrows. Using web images you can create menus completely based on graphics.
  • Design both horizontal and vertical menus and submenus with any amount of menus on a single page.
  • Place any HTML code inside the menu item - be it a flash-object, form, picture, or text. This ability lets you to build various menus of any complexity.
  • Submenus can be shown in 4 ways: - From left to right and also from left to right + upwards. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).

Recent Questions

Q: I try to use the javascript menu popups to show an image; then when the mouse is over the image I dynamically generate a panel of http links. It works perfectly, but the problem is that I would like to do the same with several images (for instance 2) and different links : I'm not able to do that, whether I change the value of menuItems   var or not, I display the same link values on both images (it seems menuItems is a global   var and can be set only once).

Have you heard about this problem and could you give me a solution (this is a bit urgent, I have sold this solution to my customers) ?

A: See how you should call dm_popup() functions:
<img src="../../../../fileadmin/img/flag_de.gif" width="50" onMouseOver="return dm_popup(0, 2000, event);" style="cursor: pointer;">
// 0 - is ID of the first menu
....

<img src="../../../../fileadmin/img/flag_fr.gif" width="50" onMouseOver="return dm_popup(1, 2000, event);" style="cursor: pointer;">
// 1 - is ID of the second menu
// 2 - is ID of the third menu
... and so on.


Q: I'm looking at evaluating your Deluxe menu software for inclusion in our current web based software solution and am particularly taken with the 'Ajax style' loading.

Could you please answer a couple of questions with respect to that.

At what point does it load those file ¦ initially when menu is drawn (so multiple small hits to app server) or when the user selects the menu? Does the link href *have* to be a .js file ¦ or can it be any valid file type that returns the correct data? I have to generate the menu options dynamically from a DB and therefore really need to include a JSP style file.

Our current menu system (made up of 4 levels deep contains over 300 links, which is why I want to minimise server hit as much as possible!


A: It loads when the user move his mouse above the menu items.

You can use any extension for these files. But the file structureshould be the same as in our example.


Q: If there is a possibility to change the dhtml dropdown menus?

A: You should use API functions.

dtreet_ext_changeItem (menuInd, itemID, itemParams)

More info you can find here:

http://deluxe-tree.com/functions-info.html



Q: I am unable to see any separators when working with Deluxe Menu. I’ve looked at other templates and don’t see where they are implemented. Am I missing something? Thanks!


A: Please, see the following parameters:

//------- Separators -------
//--- Separators
  var separatorImage="";
  var separatorWidth="5";
  var separatorHeight="100%";
  var separatorAlignment="right";
  var separatorVImage="images/public/separator.gif";
  var separatorVWidth="3";
  var separatorVHeight="100%";
  var separatorPadding="";

You should set a separator in the menuItems, for example:

  var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],

];

Try that.