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

Menu Screenshots

Ektron Dhtml Menu Template Movable Graphics Javascript

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!
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed ektron dhtml menu template samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Website Menu Across Ektron Dhtml Menu Template
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
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: Do you by chance have the dhtml menu samples working with XML?

A: Unfortunately we don't have working example.

You may generate a menu from a database or XML using any server-side script, e.g., PHP, ASP, VB, etc.However, these scripts don't work inside of Javascript .js files, so,you should move parameters of a menu from a .js file into an html-page, e.g.:

<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">dhtml menu samples by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<!-- (c) 2008, http://deluxe-menu.com -->

<script type="text/javascript" language="JavaScript1.2">
// and describe parameters of a menu
  var parameter1=value1;
  var parameter2=value2;
etc.

  var menuItems = [
// here you generate items using server-side scripts (php, asp, vb, etc.)
];
</script>

The example of the menu working with PHP/MYSQL you can find here:
http://deluxe-menu.com/rq-loading-bar-MySQL-support.html


Q: I was adding a title to the page containing the Turner Delux drop down menu and now the  the menu is gone and I cannot recover it.   

Please tell me in very plan instructions how to load the Mneu on to a blank Front Page web page.


A: See, you should do the following things.

1. Create your menu in Deluxe Tuner.
2. Export the menu into html file "File/Export/To HTML".
3. Copy generated folder with all engine .js files and images
("deluxe-menu.files/" by default) and data-deluxe-menu.js (by default) into the same folder with you index.html page (created inFrontPage).
4. Now you should add several rows of code into your index.html file.
You can do it in FrontPage (open HTML source of the page and edit it)or in any text editor. Open your index.html page and edit it.
Notice that you'll have errors in the Preview. But you won't get errors if you open this page in the browser.
5. Add the following code in the tag:

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

and
<script type="text/javascript" src="data-deluxe-menu.js"></script>
in the place where you want to have the menu.
You can paste it in <table>, <div> tags. For example.

<div align=center>
<script type="text/javascript" src="data-deluxe-menu.js"></script>
</div>
6. Save your index.html page and open it in any browser.


Q: I know. I have two menus on the page and I am not using beforeItemImage orafterItemImage for the top menu in javascript (the one you referenced below), but I need it for the second menu. The parameters for that menu are in mainnav_data.js.

Even when I only call dmWorkPath and dmenu.js once, it does not work.

A: See, it is not correctly to use image-based items:

["","", "mainnav_data.files/corpinfo.gif", "mainnav_data.files/corpinfo2.gif", "", "_self", "0", "", "", "", "", ],

and specify beforeItemImage/afterItemImage parameters. They won't work in that case.

You can create such buttons in the following ways:
1) Use image-based menu (images with text).

Create normal and mouse-over state images (with text) for each item:
["","", "mainnav_data.files/corpinfo.gif", "mainnav_data.files/corpinfo2.gif", "", "_self", "", "", "", "", "", ],
["","", "mainnav_data.files/new.gif", "mainnav_data.files/new2.gif", "", "_self", "", "", "", "", "", ],
["","", "mainnav_data.files/xxxxx.gif", "mainnav_data.files/xxxxx2.gif", "", "_self", "", "", "", "", "", ],


2) Use combined background for the menu in javascript items (images without text).

  var beforeItemImage = [,]; //left-side image for normal and mouse over state
  var itemBackImage = [,]; //background or image for normal and mouse over state
  var afterItemImage = [,]; //right-side image for normal and mouse over state
  var beforeItemImageW = '';
  var afterItemImageW = '';
  var beforeItemImageH = '';
  var afterItemImageH ='';

But you should create a small images in any Graph Editor, for example:
button_n_back.gif
button_n_left.gif
button_n_right.gif
button_o_back.gif
button_o_left.gif
button_o_right.gif

You cannot use these two methods together!


Q: We are evaluating your product Deluxe Tree-menu.

We want that when user clicks an item, then load other page. This other page also conatains the tree menu. But, we are looking for how we have to do for the previously clicked menu items in java (in the previous page) remains highlighted for inform to user what is his current page/selection.

We know toggleMode feature, but after the second page loads, the clicked item does not remain higlighted.

It is possible to achieve this behavior with your product???

A: You should use API functions in that case

function dtreet_ext_expandItem (itemID, expand)
function dtreet_ext_setPressedItem (menuInd, itemID)

See more info about API functions:
http://deluxe-tree.com/functions-info.html

See the samples:
http://deluxe-tree.com/dynamic-drop-down-menu-sample.html
and
http://deluxe-tree.com/highlight-selected-menu-item-sample.html