Ektron Dhtml Menu Template by Deluxe-Menu.com
Ektron Dhtml Menu Template

Menu Screenshots

Ektron Dhtml Menu Template Java Drop

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your ektron dhtml menu template menus easily and in no time
  • Sensible menu parameters for manual editing
Cost Effective
Script Java Menu Dynamique Ektron Dhtml Menu Template
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
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Submenus drop down over all the objects of the page (select, flash, object, embed, applet). If for some reasons a submenu can't drop down over an object, the latter will be hidden for a time when the submenu is shown.
  • These effects will make your menu more attractive and stylish. You can cast a shadow on the menu and submenus, set transparency. Among available transitional effects there are such as fade, mosaic, random dissolve, slide out and many others.
  • Create individual styles and assign them to any submenu and item. Use individual styles to achieve stunning effects!

Recent Questions

Q: I'm currently experimenting with your script which I far more performant than any of the other I have tried so far, so we will probably go with yours and get a distributer license.

I do have a problem though...

I have two menus on my site.

Unfortunately, as they are being used, if you go over the first item in the left menu, it will show its submenu at the top; if you go over the first item of the top menu, it will also show the contents of the second menu...

How can we change this?


A: Installation of your menu is not correct.
See more info about installation here:
http://deluxe-menu.com/installation-info.html

There is no
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
parameter on your page.

Notice also that you should call dmenu.js file only once and then callyour data files.
Now you have two calls of dmenu.js file.


Q: Do you have any tips on making the drop down menus load faster? My pages seem a little slower now that I have 2 Javascript menus loading per page.

A: Check that you have the following parameter set to 0:

  var dm_writeAll=0;



Q: The submenu should look identical to the main menu but it is not allowing this.
Even though parameters are set to 0 it is showing smart scroll and also not showing the sub menus how they should be.
I also notice and error in the templates window view when I am looking at the javascript onmouseover menu.


A: You've set the exact width for your submenus:

  var smHeight="21px"; // it is the height of the whole submenu

It is not right.

Try to write:
  var smHeight="";

> I also notice and error in the templates window view when I am looking
> at the menu.

Now you have:

  var pressedItem="";

It is not correct. Try to set:

  var pressedItem="-2";

See the attached example.


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.