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

Template:

Grey Menu Template - Horizontal Dhtml Menu

 









    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Submenus go over all page objects
    - UL/LI items structure
    - Search feature - add the search area in the menu and type symbols.
    - Personal CSS styles for separate menu elements
    - Hundreds of pre-designed templates
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Cross-frame support - menus work on frameset-based pages




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

Menu Screenshots

Cascading Menu Jquery Tree And Javascript And Source

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!
Cost Effective
Dhtml Navigation Tab Menu Cascading Menu Jquery
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed cascading menu jquery samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings



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

Javascript Menu. DHTML Menu.

  • Submenus can be shown in 4 ways: - From from left to right + upwards and also left to right. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).
  • Use images for icons, backgrounds of submenus and items. Using images you can create menus entirely based on graphics.
  • Create both horizontal and vertical menus and submenus with any amount of menus on one page.
  • Insert any HTML code inside the menu item - be it a form or a picture, a flash-object or a text. This ability allows you to create various menus of any complexity.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: We are testing you menu in our application. It is being used in cross frame mode. It works very nicely except a couple issues.

The main one is after loading a new page in the sub menus window when I go back to the main menu to select another option but on the initial mouse over it takes several seconds for the menu to come up. Once the delay of loading the initial submenu is over it loads all others very quickly until a new page is loaded again. Is there a way to optimize the menu to reduce this load time? I have already set dm_writeAll=0 but that only increased the speed of the initial display of the main menu.

And the other question is does the dmObjectsCheck option work in cross frame mode? I have it set =1 and the submenus still underneath objects (such as select list) which have a higher z order.


A: Try to do the following:
move all <script> calls into <head>, but delete dm_initFrame()function from data .js file -- move them instead of files calls, i.e.:

<head>
<script src=data.js>
...

</head>

...

<div><script>dm_initFrame("frmSet", 1, 2, 1); </script></div>

It this case data will be loaded when <head> will load, but after thatmenus must be shown quickly.
Let me know about results.

Deluxe Menu overlap select objects in cross-frame mode.


Q: Does your menu html javascript support Arabic language fonts?

A: Actually you can use any letters in the menu.
Please, check that you've set "Tools/Use utf8 encode".
When you save your data file in UTF8 you should use the same encoding on our html page.
So you should write:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

If you don't want to use UTF-8 encode on your page you should turn off"Tools/Use utf8 encode" property, save your data file and manuallychange your letters in any text editor.


Q: Is there any way can we display sub level menu items on mouse over of first level menu items using tabs (Text Style Javascript Dhtml Tab / Java Script Tab Script Text Style / Javascript Tab Navigation Text Style / Javascript Tabbed Menus XP Style)


A: Unfortunately, you can do it on mouseover with Deluxe Tabs.
But you can create such menu using Deluxe Menu.


Q: I changed the parameter from
  var dmObjectsCheck=0;
to
  var dmObjectsCheck=1;
in the data.js file
but it didn't change it;
_____________________

I opened the dmenu_add.js file, but I'm not sure what I'm supposed to do with it?
_____________________

I went to your sample page and I would like to add the item widths into mydata.js file, but each item is a different width. Would it be correct for meto do this?...

  var itemStyles = [
["itemWidth=98px"],
];

Or will I have to make all the main menu items/graphics the same width?


A: You don't have to change your dmenu_add.js file.
Please, place this file in the folder where your menu iscreated in.

Yes, you can set itemWidth for each main item.

Please, use Deluxe Tuner to create your individual styles.

You should write, for example, so:

  var itemStyles = [
["itemWidth=98px"], // style 0
["itemWidth=100px"], // style 1
["itemWidth=110px"], // style 2
["itemWidth=120px"], // style 3
["itemWidth=95px"], // style 4
];
  var menuItems = [

["","", "data.files/products.gif", "data.files/products_mo.gif", "Products", "_self","0" , , , ],

["","", "data.files/demoCenter.gif", "data.files/demoCenter_mo.gif", , ,"1", , , ],

["","", "data.files/resources.gif", "data.files/resources_mo.gif", , ,"2", , , ],

["","support.htm", "data.files/support.gif", "data.files/support_mo.gif", , "_self","4", , , ],

["","", "data.files/company.gif", "data.files/company_mo.gif", , , , , , ],];


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