Css Popup Menu by Deluxe-Menu.com
Css Popup Menu

Menu Screenshots

Css Popup Menu Hide Browser Menu Bar Javascript

Features

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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • There can be multi level menus - create as many rows or columns of the menu as you want.
  • Use a mouse to drag a menu as a usual window. Also you can construct the menu where each submenu can be "detached" from the main menu (MSOfficeToolbarLike mode).
  • When the page is scrolled the menu remains visible. The DHTML menu can "float" along one or two coordinate axes.

Recent Questions

Q: What can I do to optimize the load time for dhtml rollover
and prevent reloading it from the server with every page reload.

A: You can try to use AJAX technology.

AJAX-like technology: data for submenus can be loaded "on-the-fly" from the server.

New parameter:
  var tajax = 0/1; - disables/enables AJAX-like support

Current syntax for item parameters (  var tmenuItems):
[text, link, iconNormal, iconOver, iconExpanded, tip, target, itemStyleInd, itemXPStyleInd, jsFileName]

Where jsFileName - .js filename on the server with submenu items (  var tmenuItems).



Q: I am Registered user.
My question is:
Can you have borders around the sub-menus only. If you can how is this done, if it is done in the individual styles can you walk me through that. I tried it there but for some reason it wasn’t working. I'm thinking I wasn’t selecting the correct item to edit.


A: You should create Individual style and assign it to the first item in each submenu.

  var menuStyles = [
["menuBorderWidth=1","menuBorderStyle=solid","menuBorderColor=#813A07"],
];

  var menuItems = [

["Home","testlink.html", "", "", "", "", "", "", "", ],
["Product Info","", "border-example.files/icon1.gif", "border-example.files/icon1o.gif", "", "", "", "", "", ],
 ["|Features","testlink.html", "border-example.files/icon2.gif", "border-example.files/icon2o.gif", "", "", "", "0", "", ],


Q: What I meant was that there is an API function dm_ext_changeItem that allows you to specify 8 dropdown menu parameters in an array. What if I only want to change one of them like the link for example? What do I specify in my function call to leave the other 7 parameters unchanged? Do I specify the existing values? Or, can I just put in a comma with no parameter? That would be a lot easier. Thank you.

A: You should specify only dropdown menu parameters you want to change.

You should just put a commas with no parameters, for example:

dm_ext_changeItem(0, 0, 1, ["Deluxe Menu Info", "", "", "", "Deluxe Menu Hint",,"1"]);


Q: Hello. I'm trying your javascript expanding menu but cant get a clicked menu to stay highlighted. It works sometimes in Firefox but never in explorer.

With sometimes I mean that if I click a link and that paticular link leeds to nowhere, and i've to click the browsers back button.....then the link I clicked is highlighted when I return. If I make a link that leeds to a new page (with exactly the same code as was generated from delux tuner), then nothing is highlighted. Does this 'higlightstate' work at all?

A: Javascript expanding menu doesn't save a presseditem as it saves a tree state. It works within 1 page only and if youreload the page you should set a pressed item using Javascript API:

function apyt_ext_setPressedItem(menuInd, itemID)

<script type="text/javascript">

  var I = 4 //index of the selected item
onload=setPressed;
function setPressed()
{

dtreet_ext_setPressedItem(0,dtreet_ext_getItemIDByIndex(0, i));

}

</script>