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

Template:

Green Tabs Template - Mouseover Drop Down Menu






    - Horizontal or vertical orientation
    - Inactive/Disabled items
    - Status string shows item labels
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Personal CSS styles for separate menu elements
    - Relative/Absolute menu position
    - Unlimited number of sub levels
    - Text aligned to left




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 Dhtml Example Codes

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

Features

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
Cost Effective
Xp Style Navigation Menu Dojo Context Menu Example
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
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
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!



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu's frame. Choose any color for submenus and items backgrounds.
  • Set the size of the menu in percent, pixels, or other units. This menu may have a relative (it can be inserted into the table, for example) or absolute position .
  • Specify various values for spacing and padding for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I have an even more vexing issue. For some reason my arrows are showing up on the left side of each java dhtml menu item, it seems the arrows icons are also retaining the right side padding for the java dhtml menu items. Can you give me a hand with this?

A: Now you have the following java dhtml menu parameter:

  var dmRTL=1;

You should set it to:

  var dmRTL=0;



Q: If there was a way to show the links inside the html code instead of the dhtml menu js files. Shouldwe use an alternative mode as (css Style?)

A: You can move menuItems into html page directly inside <script> ...
</script> tags:
<script>
  var menuItems [
...
];
dm_init();
</script>

You can also use search engine friendly code and install it on yourpage before you call your dhtml menu js file.
You'll see text links in that case.

To create a search engine friendly menu you should add additional html code within your html page:

<div id="dmlinks">
<a href="http://deluxe-menu.com">menu_item_text1</a>
<a href="http://deluxe-tree.com">menu_item_text2</a>
...etc.
</div>

To generate such a code use Deluxe Tuner application.

Run Tuner, load your menu and click Tools/Generate SE-friendly Code (F3)



Q: One other issue I am having if you don't mind helping. On my web site when I run the menu I get an Errors on page message with the following

Line: 16
Char: 18132
Error: Access is denied.
Code: 0
URL: http://www.site.id.au/left_frame.htm

When I run the site from my local PC with the menu, I don't get this error?
Could you possibly suggest why? I can't find anything on your site.


A: Try to check all you paths.
original setting:

  var tmenuBackImage="";
  var titemBackImage=["",""];

changed to:

  var tmenuBackImage="images/blank.gif";

  var titemBackImage=["images/blank.gif","images/blank.gif"];

Try to specify units in "px".
  var tmenuWidth = "180px";
It's necessary to specify exact value for Mozilla browsers. It helpsto position menus correctly.

You should set this parameter:
  var tmenuHeight = "auto";
Now you have such parameters in the menu:
   ["||24","C:/Documents and Settings/Paul/My Documents/My Web Sites/site.id.au/guide/24.htm", , , , , "main_frame", , , , , ],
   ["||30 Days","C:/Documents and Settings/Paul/My Documents/My Web Sites/site.id.au/guide/30days.htm", , , , , "main_frame", , , , , ],    ["||Battlestar Galactica","C:/Documents and Settings/Paul/My Documents/My Web Sites/site.id.au/guide/battlestarg.htm", , , , , "main_frame", , , , , ],
   ["||Blade","C:/Documents and Settings/Paul/My Documents/My Web Sites/site.id.au/guide/blade.htm", , , , , "main_frame", , , , , ],
   ["||Eureka","C:/Documents and Settings/Paul/My Documents/My Web Sites/site.id.au/guide/eureka.htm", , , , , "main_frame", , , , , ],
   ["||I Pity the Fool","C:/Documents and Settings/Paul/My Documents/My Web Sites/site.id.au/guide/ipitythefool.htm", , , , , "main_frame", , , , , ],

You cannot use local paths on your website.
Please, correct it. <
br>You should write for example:    ["||24","site.id.au/guide/24.htm", , , , , "main_frame", , , , , ],
   ["||30 Days","site.id.au/guide/30days.htm", , , , , "main_frame", , , , , ],
   ["||Battlestar Galactica","site.id.au/guide/battlestarg.htm", , , , , "main_frame", , , , , ],

Try to use also the attached engine .js files on your server.


Q: I have noticed on your menus that have multiple nodes, you areallowing only the icon to be clicked and expand the tree. How would I alter the code so that when a user clicks anywhere on the tree with multiple nodes, the entire tree expands instead of the user having to be so precise in selecting the tiny icon to expand the tree.


A: You should set the following parameter to expand item on a mouseclick:

  var texpandItemClick=1;


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