Dynamic Dijit Menu by Deluxe-Menu.com
Dynamic Dijit Menu

Template:

Coffee Menu Template - Dropdown Html Menu






    - Horizontal or vertical orientation
    - Several menus on one page
    - Items with icons
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Inactive/Disabled items
    - Transition #14 - "fade out" effect
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Image arrows




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

Menu Screenshots

Dynamic Dijit Menu Cool Menu Javascript

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

Features

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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed dynamic dijit menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Javascript Toolbar Fade In Dynamic Dijit Menu
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
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.

  • Create contextual menus for your pages. For this purpose you should assign a special function for the object you want. The current coordinates of the mouse pointer or your own ones can be used for the contextual menu.
  • When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automatically scrolled! You can also specify height and width for each separate submenu.
  • Build menus completely based on Cascading Style Sheets. It is possible to appoint the individual CSS styles for separate elements of the menu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Please tell me where I am going wrong:

The menu is all messed up!


A: See, now you have:
  var itemBackImage=["data.files/btn_green.gif","data.files/btn_whitegreen.gif"];

and you also assign Individual Item Style with itemBackImage anditemWidth parameters for each item

  var itemStyles = [
["itemWidth=92px","itemBorderWidth=0","fontStyle=normal 11px Tahoma","fontColor=#000000,#000000",
"itemBackImage=data.files/btn_whitegreen.gif,data.files/btn_white_white.gif"],
];

  var menuItems = [

["projects","", , , , , "0", "0", , ],
["FMWR","", , , , , "0", "0", , ],
["general water info","", , , , , "0", "0", , ],
["bulletin board","", , , , , "0", "0", , ],
["WSS MDG tracking","", , , , , "0", "0", , ],
["reform instruments","", , , , , "0", "0", , ],

You should delete itemBackImage and itemWidth parameters from itemStyles.


Q: In IE first tab of tabbed navigation is coming selected but in firefox it is not coming selected.

A: Check the following parameters:

  var bselectedItem=0; //top items
  var bselectedSmItem=1; //submenus

Notice that all indexes starts with 0.


Q: This is probably a really basic question, but I was wondering if your software makes it possible to determine the direction of the drop down menu. In other words, my easy dropdown menu is at the bottom of the page and I want the drop down list to actually go "up," not down. Is that possible with your software?

A: Yes it is possible.

You should use the following easy dropdown menu parameter

  var subMenuVAlign="top"; //downward
  var subMenuVAlign="bottom"; //upward

  var subMenuAlign="left"; //from left to right
  var subMenuAlign="right"; //from right to left



Q: When one of my menu items is a link to a url, is there a setting to change the cursor to a hand versus the normal arrow for the dhtml rollover?
Basically, I want the links of the menu items to look like most other links on any webpage.

A: Try to set the following parameter:

  var itemCursor="pointer";



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