Java Popup Menu Example by Deluxe-Menu.com
Java Popup Menu Example

Menu Screenshots

Java Popup Menu Example Javascript Drag Select Image

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed java popup menu example samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Easy Setup
  • De Luxe Tuner. GUI interface to create your java popup menu example menus easily and in no time
  • Sensible menu parameters for manual editing
Cascading Dhtml Menus Java Popup Menu Example
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!
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
Cost Effective



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

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

Recent Questions

Q: Which parameters do I change so that the background of the top level menu names change their background?


A: If you want to change the background of the top level menu items onlyyou should use Individual Item Styles and change them.

For example, you have:

  var itemStyles = [
["itemBackColor=#8C63D8,#CBB8ED","itemBorderColor=#8C63D8,#CBB8ED"], //style 0
];
  var menuStyles = [
["menuBackColor=#8C63D8","menuBorderColor=#8C63D8"], //style 0
];

  var menuItems = [
["Text;", "link", "", "", "tip", "target", "0", "0"],
["Text;", "link", "", "", "tip", "target", "0", "0"],
];

Where "0", "1" - style number in itemStyles.

Please, use Deluxe Tuner application to create and assign individualstyles. You can find Deluxe Tuner in the trial package.


Q: Can you please give me an example of how I would return the full path to the selected item of the web site menu?

A: See the following example:

function getFullPath(mInd){
  var result='';

// get pressed item
  var params = dm_ext_getMenuParams(mInd);
if (!(params[2]>=0)) return '';

function getPathForItem(mInd,smInd,itInd){
// get for this item
  var params = dm_ext_getItemParams(mInd,smInd,itInd);
  var result = params[2]+ '('+ params[3]+')';

// find root item id
if (smInd <= 0) return result;
params = dm_ext_getSubmenuParams(mInd,smInd);

for (  var smInd_=0;smInd_ for (  var itInd_=0;itInd_ itParam = dm_ext_getItemParams(mInd,smInd_,itInd_);
if (itParam[0]=arams[2])// id
return result + '->' + getPathForItem(mInd,smInd_,itInd_);
}
}
return result;
};

return getPathForItem(mInd,params[1],params[2]);
}


Q: How about getting the entire side navigation bar to sit in the centre rather than left align?

A: You can set your menu in the <div> tag and use the alignment you need:

<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<!-- (c) 2009, http://deluxe-menu.com -->

<div align="center">
<script type="text/javascript" src="menudir/data.js"></script>
</div>

Q: Great product and incredible user friendly interface to loadeverything up! I wasn't used to such a user friendly interface and was looking way to hard.

I did have one question though. When I open up Deluxe Tuner and click on the javascript slide down menu sample to the left (with the search box), I get the following message:

I click no, and the javascript slide down menu comes up, but no search box! Any idea why this is so?

A: There will be no search box in that template.

Actually you are able to paste any html code within items.

For example:

  var tmenuItems = [
...
   ["||<nobr><FORM method=GET action='http://www.google.com/custom'><input name='as_q' value='search
the web' size=15 style='font-size:10'>&nbsp;<INPUT type=hidden name=cof
value='LW:144;L:http://domain.edu/images/sulogo.gif; LH:45;AH:center;GL:0;S:http://domain.edu;AWFID:e01cb67b8afe383e;'></form></nobr>","",
"images/icons/search.gif", "", "", "", "", "2", "", "", "",],

But Deluxe Tree doesn't have a search feature.

There is a search feature in Deluxe Menu:

http://deluxe-menu.com/search-support-sample.html