Javascript Context Menu Example by Deluxe-Menu.com
Javascript Context Menu Example

Template:

Dell Style Template - Horizontal Dhtml Menu






    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - 85% transparency for sub menus
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Status string shows item labels
    - Relative/Absolute menu position
    - Text aligned to left
    - Transition #14 - "fade out" effect




2 0 Navigation Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  Blog   ::  More Info

Menu Screenshots

Javascript Context Menu Example Menu De Java Script

Buy Now!   ::  Free Trial Download   ::  More Info

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!
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
Xp Slide Menu Java Javascript Context Menu Example
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
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
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Use a mouse to move a menu as a usual window. Also you can create the menu where each submenu can be "separated" from the menu (MS Office toolbar-like mode).
  • When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes.
  • There can be multilevel menus - create as many rows of the menu as necessary. Any submenu in its turn can include different number of columns.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I am using Deluxe-menu 3.0.

I can add dhtml popup menu items and submenu items. Each new sub menu item is placed at the bottom of that list. How can I move it up in the listing.

For instance if my menus are:

2007
2006
2005
2004

and I add 2008 - it will be placed below 2004, but I want it at the top of the list. Each item in the list has multiple subitems, so I don't want to delete the other items to get it in the correct order.

I looked through your help file, FAQ and online questions and could not find an answer.

A: To move items select items you want and use a mouse drag'n'drop method.

To copy dhtml popup menu items select those you want and use a mouse drag'n'drop method holding a Ctrl key.

You can find this info in Tuner's help, "Main Window" sheet.



Q: I am facing problem with deluxe tab. When a first level jscript tab is selected, sub tab of that tab should be in selected mode.

I need to change text color of "New contact" (sub tab) in selected mode to black.

A: Unfortunately Deluxe Tabs doesn't have such a feature now.

You use main tabs to show sub-tabs and click on sub-tabs to show their content or openlinks.

On the initial page load you can set the selected item and submenu item using thefollowing parameters:

  var bselectedItem=1;
  var bselectedSmItem=2;

Q: The "drop down" menus go above the mouseover javascript menu, not below. I want them to go down. That's why it's a DROP DOWN menu and not a DROP UP menu.

And I tried the "  var subMenuVAlign="bottom";" command as per your user database forum and it doesn't work.

So the problem is elsewhere....

BTW, I did not have this problem on the trial version, it appeared after I installed your js files in the scripts directory and the key in the data.js file

A: You should set the following parameter for mouseover javascript menu:

  var subMenuVAlign="top";



Q: In javascriptcoding I have id of the submenu. How can retrieve id of the parent menu item in the drop-down menus?

A: You can try to use the following function

function dm_ext_getSubmenuParams (menuInd, submenuInd)

Returns submenu parameters in the array:
[submenu_id, items_count, parent_item_id, submenu_level, is_horizontal]

menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.

Using this function you can retrieve the parent_item_id.

More info see:
http://deluxe-menu.com/functions-info.html

Buy Now!   ::  Free Trial Download   ::  More Info