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

Template:

iPhone 18 Template - Dropdown Submenu






    - Items with icons
    - Submenus automatically scrolls
    - Personal CSS styles for separate menu elements
    - Relative/Absolute menu position
    - 85% transparency for sub menus
    - Submenus dropdown on mouseover
    - Inactive/Disabled items
    - Top items and submenus have a shadow




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

Menu Screenshots

Dojo Context Menu Example Vertical Cascading Drop Down Menu

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!
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed dojo context menu example samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Javascripts For Menu Bars Dojo 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
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
Buy Now!   ::  Free Trial Download   ::  More Info

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!
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Where do I add my "blahblah.htm" page links in js menu?
Copy of menu data below. I assume it is between the first pair " " but not sure about all the , , , , , "0" etc following.

["Home","", , , , , "0", , ],

    ["Contact","blahblah.htm", , , , , "0", , ],

         ["|Hosts","", , , , , , , ],

A: You're right, the following syntax is correct:

["Contact","blahblah.htm", , , , , "0"]

Here is the format for a menu item:

["text", "link", "icon1", "icon2", "tip", "target", "styleIndex"]

Please, try to use Deluxe Tuner application to configure your menu:

http://deluxe-menu.com/deluxe-tuner-info.html



Q: I have used dhtml vertical menu on my site....when I open it in IE it works fine but in mozilla it shifts to right...wht can i do so tht it will be placed at same position in all browers


A: You can try to set exact width in "px":

  var menuWidth="500px";

Q: I can't seem to figure out how to specify the width of individual javascript pulldown menu items. I would like to specify that each menu item on the horizontal take up just 113px regardless of the number of characters in the item. Is there a way of doing that?

A: You should use   var itemStyles to set an individual item style. Forexample:

  var itemStyles = [
["itemWidth=113px"]
];

  var menuItems = [
["text 1", "link", "icon1", "icon2", "tip", "target", "0"],
["text 2", "link", "icon1", "icon2", "tip", "target", "0"],
["text 3", "link", "icon1", "icon2", "tip", "target", "0"],
];

Where "0" - style number in itemStyles that contains the parametersfor items width.

Use Deluxe Tuner GUI to create and assign individual styles.


Q: I have already tried this exact same method, using and alternate "itemBackColor" and this is not what I needed. As you can see in your example putting in an item back color only give you a different bg color on the item itself, but the BG of the menu around it remains the same. In your example the lighter bg color of my menu is surrounding the item bg color making this look more like a mistake and poor design.

It do use the item bg color for the rollover in my menu, as you can see, but implementing this does not give me what I need. I need the BG color behind this item to be completely flush with the sides of the menu.

I had already checked the menu system thoroughly before contacting you and I was well aware of the option.. but as you can see this is not the solution. It is very important to me that this looks perfect, and what I need is not built into this menu by default.. I need another solution.


A: You should set the following parameter:

  var itemSpacing=0;

You can also try to paste separators between items.


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