Dijit Menu Align Buttons by Deluxe-Menu.com
Dijit Menu Align Buttons

Template:

Orange Tabs Template - Rollover Drop Down Menu






    - Search feature - add the search area in the menu and type symbols.
    - Submenus go over all page objects
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Unlimited number of sub levels
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Cross-frame support - menus work on frameset-based pages
    - Horizontal or vertical orientation
    - 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

Dijit Menu Align Buttons Change Style Of Dropdown Menus

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

Features

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
Easy Setup
  • De Luxe Tuner. GUI interface to create your dijit menu align buttons menus easily and in no time
  • Sensible menu parameters for manual editing
Xp Styles Bar Icons Dijit Menu Align Buttons
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed dijit menu align buttons samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Cost Effective



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

Javascript Menu. DHTML Menu.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I see that you have the demo of the menu working over a frame so that it displays over the lower frame, vertical top to bottom.
However I have played around with your demo and can't seem to replicate the same feature.
Could you please tell me what I have to set to make the easy dropdown menu float over the lower framed window?

A: To initialize the cross frame menu call dm_initFrame() function instead of standard dm_init() function within data.js file:

dm_initFrame(framesetID, mainFrameInd, subFrameInd, orientation);

framesetID - id attribute of the frameset;
mainFrameInd - index of the main frame (where the top-menu is placed), >=0;
subFrameInd - index of the subframe (where the submenus will be shown), >=0;
orientation - frame orientaion: 0 - top-to-bottom, 1 - left-to-right; 2 - bottom-to-top; 3 - right-to-left.

For example, for the following structure:

<frameset id="frmSet" rows="185,*">
<frame id="frame1" src="cross-frame-horizontal-1.htm">
<frame id="frame2" name="testlink.htm" scrolling="no">
</frameset>

the dm_initFrame() function call at the end of data.js file will look like:

dm_initFrame("frmSet", 0, 1, 0);


Q: Is there a way to center the primary navigation and left-align the drop down for themenu script ?

A: Set the following parameters:

  var itemAlignTop="center";
  var itemAlign="left";

Q: How do I make the submenus sticky i.e. they will not close even when the mouse goes to somewhere else on the page?


A: I've checked your menu in all browsers. I can't see such problem.

You can try to adjust these parameters:

  var transDuration=200; // Delay of a transitional effect (in ms) on submenu's showing.

  var transDuration2=100; // Delay of a transitional effect (in ms) on submenu's hiding.


Q: Is there a javascript function that I can call that will return the ID or the Text value of the currently active tab of the web navigation?

A: Unfortunately there is no such a function now.

There are such variables.

dtabs_tabs[menuN].b1 - dtabs_tabs[menuN].selectedItem
dtabs_tabs[menuN].JT0 - dtabs_tabs[menuN].selectedSmItem

But they contain the index of the selected menu item, not the ID.


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