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

Menu Screenshots

Cascading Jquery Json Menu Ext Windows Style Menu Javascript

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 cascading jquery json menu ext samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Java Script Menu Horizontal Cascading Jquery Json Menu Ext
Cost Effective
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

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.

Recent Questions

Q: Hi, I am looking at your Deluxe Menu package. It looks very nice, but I cannot find any kind of manual for how to use it. There's some online documentation on the Tuner, but (for example) I can't find anything that documents the dm_popup window open options. I find some sample code I can copy that has the call

return dm_popup(0, 1000, event)

1. So, what do these parameters mean?
2. It takes a long time for the menu to go away if you don't click anything. From tracing through the obfuscated javascript with firebug, it looks like the second parameter sets a timeout to make the menu go away. But when I change the "1000" to "1", the menu does not appear to behave any differently.
3. If I want to have more than one of these menus show up on the page, how would I do that?
4. I have it set up to show the popup when you right-click a page element. However, the menu items only appear to fire if you then left-click them. This is confusing to the user: I'd like to have the menu items also fire when you right-click them for consistency. How would I configure this?

These are the kinds of questions I would like to have answers to, but I cannot find any relevant documentation. Do I have lots of tracing through javascript ahead of me? If I have just missed the relevant documentation, please tell me where to find it. I would love to use your product, but if I have to spend all my time tracing javascript it's not a big win for me. Thanks for your assistance.

A: 1) You can find window open options info on our website:
http://deluxe-menu.com/popup-mode-sample.html
Click "Show additional info" button on this page.

2) You should adjust the second parameter in dm_popup() function:dm_popup(0, 500, event);

3) See the first parameter in the dm_popup() function is menuInd, soif you want to create several popup menus you should create severaldata file and call them on your page, for example:
<script type="text/javascript" language="JavaScript1.2" src="menu-top.js"></script> // ID - 0 //standard menu (doesn't use popup feature)
<script type="text/javascript" language="JavaScript1.2" src="source_pop.js"></script> // ID - 1
<script type="text/javascript" language="JavaScript1.2" src="source_pop1.js"></script> // ID - 2
<script type="text/javascript" language="JavaScript1.2" src="source_pop2.js"></script> // ID - 3
<script type="text/javascript" language="JavaScript1.2" src="source_pop3.js"></script> // ID - 4

and so on.

See how you should call dm_popup() functions:

<img src="../../../../fileadmin/img/flag_de.gif" width="50"
onMouseOver="return dm_popup(1, 2000, event);" style="cursor: pointer;">
// 1 - is ID of the second menu
....

<img src="../../../../fileadmin/img/flag_fr.gif" width="50"
onMouseOver="return dm_popup(2, 2000, event);" style="cursor: pointer;">
// 2 - is ID of the third menu
// 3 - is ID of the fourth menu
... and so on.

4) Unfortunately it is not possible now.

Unfortunately we don't have additional documentation yet. But you canfind all need info on our website. Try to use search field on ourwebsite.

> I have another question. My popup menus are not fixed, they are dynamic in
> the sense that I have multiple rows showing up on the page and each row
> needs to have custom information passed. Each row has one or more database
> identifiers associated with it, and the ajax calls that will get fired
> when I choose a menu item such as "Edit" or "Add Child" will need those
> database identifiers. How would I pass this information?

You can dynamically generate the menu structure. For example movemenuItems into your phph page (or embed in a Smarty Template) insideSCRIPT tag:

 <script type="text/javascript">
    var menuItems = [
      ["Terminal","index.php?form=TERMINAL&tid={$tid}"],
      ["Kassenschnitte","index.php?form=KS&tid={$tid}"],
      ["Buchungen Debit","index.php?form=DEBIT&tid={$tid}"],
      ["Kredit- / Bonuskarten","index.php?form=KREDIT&tid={$tid}"],
      ["Rucklastschriften","index.php?form=RLAST&tid={$tid}"],
      ["Monatsstatistik","index.php?form=STATISTIK&tid={$tid}"],
      ["RL-H.Rechnung","index.php?form=RLASTABR&tid={$tid}"],
      ["LiveStream","index.php?form=LIVESTREAM&tid={$tid}"],
      ["Reports","index.php?form=REPORTS&tid={$tid}"],
      ["Datenhistorie","index.php?form=HISTORY&tid={$tid}"],
      ["Bankleitzahlen","index.php?form=BLZ&tid={$tid}"],
      ["<br />Ihre Nutzerdaten","index.php?form=NDATEN&tid={$tid}"],
   ["<br />{$NAVI}",""],
  ];
  dm_init();
</script>


Q: I am unable to see any separators when working with Deluxe Menu. I’ve looked at other templates and don’t see where they are implemented. Am I missing something? Thanks!


A: Please, see the following parameters:

//------- Separators -------
//--- Separators
  var separatorImage="";
  var separatorWidth="5";
  var separatorHeight="100%";
  var separatorAlignment="right";
  var separatorVImage="images/public/separator.gif";
  var separatorVWidth="3";
  var separatorVHeight="100%";
  var separatorPadding="";

You should set a separator in the menuItems, for example:

  var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],

];

Try that.


Q: Do you have an extremely simple example of modifying drop down menus with the JavaScript API?

A: You should use the following function:

function dm_ext_changeItem (menuInd, submenuInd, itemInd, iParams)

<script language="javascript" >
dm_ext_changeItem(0, 0, 1, ["", "", "new_icon.gif", "new_icon_o.gif", "",,""]);
</script>

Q: I am considering ordering your product, but I have a few questions. My site uses frames, such that the submenus display in a different frame than the top level. Do all your dhtml menu templates support frames in this manner. I am specifically interested in the Ajax and Dynamic DHTML Menu.

Are your products licensed individually or does one license get access to Ajax, Dynamic, etc.? I understand the single, multi, and developer options.

A: See you can create Deluxe Menu in cross-frame mode.

See more info about cross-frame mode here:

http://deluxe-menu.com/cross-frame-mode-sample.html

Deluxe Menu has the following features:
Ajax support
Cross frame support
Dynamic Menu - Javascript API
Popup mode
and others.

> Are your products licensed individually or does one license get
> access to Ajax, Dynamic, etc.?

You should order the license for Deluxe Menu only.