Jquery Cascading Menu by Deluxe-Menu.com
Jquery Cascading Menu

Template:

Mozilla Style Template - Dhtml Pull Down Menu






    - Horizontal or vertical orientation
    - Submenus dropdown on mouseover
    - Relative/Absolute menu position
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - 85% transparency for sub menus
    - Unlimited number of sub levels
    - Image arrows
    - Search feature - add the search area in the menu and type symbols.




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

Menu Screenshots

Jquery Cascading Menu How To Make A Drop Down Navigation Bar

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 jquery cascading menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Vertical Java Menu Jquery Cascading Menu
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
Cost Effective
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: We are implementing your licensed drop down menu in dhtml on our new site and it does not appear to work in Firefox.

A: Now you have:

  var transparency="";
it is not correct.
You should set, for example:
  var transparency="100";

Try also to set:

  var itemPadding="0px 15px 0px 15px";



Q: Will all your navigation bar examples work cross-frame?

A: See how should you create cross frame menu:

1. 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.

So you should create your menu in Deluxe Tuner, save it.
Create html file with your frame set.

Set ID for the first frameset:
<FRAMESET id=frmSet rows=220,*>
<FRAME id=frame1 src="Deluxe Menu Samples_files/cross-frame-horizontal-1.htm"> //menu frame
<FRAME id=frame2 name=frame2 src="Deluxe Menu Samples_files/testlink.htm"> //content frame
</FRAMESET>

Then you should open your data file in any text editor and change
dm_init(); for example to dm_initFrame("frmSet", 0, 1, 0);

You'll find more info here:
http://deluxe-menu.com/cross-frame-mode-sample.html

Q: Thank you for your prompt reply. But i was wondering where should I paste this code? Can you please explain the working of the javascript toolbar menu function
dm_ext_changeItemVisibility (menuInd, submenuInd, itemInd, visibility)

I have 5 items in the javascript toolbar menu : Admin Options, Status Report, Remarks, Edit Profile, Data Entry.

I want to disable some fields for different users.
I have 3 role id's set in my database.
I want certain fields disabled for different users.
For eg : For Roleid =1 , i.e admin , I want all items to be visible.
For Roleid =2 , i dont want the Admin Options to be visible.
For Roleid=3 , I dont want Admin Options & Status reports.

Can you please elaborate on the working of the changeItemVisibility function. I was confused as there were no examples to demonstrate the code.

A: Notice also that you should set

  var dynamic=1;

parameter to use API functions.



Q: My menu does not work with IE7 (I don't know if it works with IE6) but it works perfectly in FF and Netscape. HELP!!!


A: You have several errors in your data file.

Please, check that you don't have additional spaces in yourparameters.

For example:
  var fontColor=["#F3E398 ","#F3E398 "];
  var itemBackColor=["#43597E","#9B1313 "];
"fontColor=#F3E398 ,#F3E398 "


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