Cascading Context Menu Javascript by Deluxe-Menu.com
Cascading Context Menu Javascript

Menu Screenshots

Cascading Context Menu Javascript Slide Menu Tutorial

Features

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
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!
Javascript Examples Mouseover Tree Menu Cascading Context Menu Javascript
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
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Sub menus dropdown over all the objects on the page (select, applet, flash, object, embed). If for some reasons (old browser) a submenu can't go over an object, the object will be hidden for a time when the submenu is shown.
  • Design personal styles for any submenu and item. Use individual styles to rich killer visual effects!
  • These effects will make your menu neat and chic. You can set transparency, cast a shadow on the menu and submenus. Among available special visual effects there are random dissolve, fade, mix, mosaic slide out and many many others.

Recent Questions

Q: I never had trouble with your other scripts but Deluxe Tuner is very difficult and I am about to give it up.

I am trying to set up a new navigation bar using vista 3-1. If I add another Vista drop down menu buttons, they have a completely different look to the ones with the templates. It makes no sense.

How do I add items and have it remain the same look?.


A: See, in Vista style templates we use Individual Item Styles for thetop items.
For, example select the first item on the main window.

In the "Item Parameters" window you can see Individual Styles assignedfor this item:
Item Style - Top Item
Submenu Style - Top Menu

When you add the new item you should assign Individual Styles for itin the same way.

That is all.


Q: With the new version, my body onload function is blocked.
In our application we do something with a body onload function.
It doesn't get called if I use the deluxe-menu. If I remove deluxe-menu js files from html, it works.

Is there a way I can use deluxe-menu and get my onload handler called?


A: Deluxe Menu detects any user's onload events and remember them in the case when you write a such events before dm_init(); call.

Try to delete onload event from <body> and write the following at theend of a page (after dm_init() call):

<script type="text/javascript"> onload = onloadHandler;</script>

That should work.


Q: I want to use java sliding menu Deluxe as a data-entry system. I can see how to use the dynamic facilities to allow the user to create and populate nodes but at the end of the client's work I would like them to hit 'submit' on a form and pass all data they have created to the server for processing. How do I pass the data back to the server in the java sliding menu?

A: You are able to paste any html code within java sliding menu items.

For example:

  var tmenuItems = [
...
["<nobr><FORM method=GET action='http://www.google.com/custom'><input name='as_q' value='searchthe web' size=15 style='font-size:10'>&nbsp;<INPUT type=hidden name=cof value='LW:144;L:http://domain.edu/images/sulogo.gif;LH:45;AH:center;GL:0;S:http://domain.edu;AWFID:e01cb67b8afe383e;'> </form></nobr>","", "images/icons/search.gif", "", "", "", "", "", "", "", "",],

You should write your own code within menuItem.



Q: Things are mostly working great. I want my menu to appear centered at the top the page. Here's the code:

<table style="text-align: left; width: 100%;" border="0" cellpadding="2"cellspacing="2">
<tbody>
<tr>
<td style="width: 100%; text-align: center;"><script type="text/javascript" src="navbar.js"></script>
</td>
</tr>
</tbody>
</table>

The table appears at the far left edge of the window. I tried with both absolute (x=20, y=10) and relative (both x and y unset) coordinates. Help!


A: If you want to center the menu paste itwithin the <div > or <table> with a static position and specify a center alignment for it, for example:

<DIV align=center>
<SCRIPT src="data/data.js" type=text/javascript>
</SCRIPT>
</DIV>

<table width=800>
<tr>
<td align=center width=600>

More Q&A

[Tutorial] External Links In Calc (View topic) • OpenOffice.org

Mar 7, 2008 ... A$1 the next calculation cascade will re-establish a link with hidden sheet .... from the context-menu of "Bibliography" in order to see which odb file is .... OOo Basic, Python, BeanShell, JavaScript, External Programs

Google SketchUp Questions and Ideas: Improve Texturing Tools

Sep 7, 2010 ... When you right click, you get that cascaded context menu, that are really too many mouse clicks. What about a texture toolbar that pops up

Forum Swt Menu Background Color Template - Javascript Menu Template

Using Vista JavaScript Menu you can save menu graphic picture as gif-files (*. gif). .... Javascript Tree Menu Tutorial · Javascript Dropdown Menu Web Popup Menu Rounded Toolbar Olive ... Cascade Menu Javascript hovermenu example

PowerCharts v3.0.2 Released - FusionCharts Forum

... drag-able area chart & Waterfall (cascade) cha... ... (cascade) chart; Improvement: Added option to hide "About FusionCharts" context menu item. ... FusionCharts Free and Ruby on Rails, |---- Javascript Problems

Hybrid Application Generator - Forum Nokia Wiki

Nov 1, 2010 ... 3.1 BreakDown widget; 3.2 MeeGo.com web page; 3.3 Menu example web page ... including applications that use JavaScript™ and Cascading Style Sheets (CSS). What are hybrid apps? Hybrid application in this context means an application that ... BreakDown is a simple Breakout clone in JavaScript

Valid ideas • KDE Community Forums

Oct 22, 2010 ... This new interface is designed to work both with or without JavaScript support by the browser, offering a variety of features like the

Context menu not on Top - WebDeveloper.com

CSS Discussion and technical support relating to Cascading Style Sheets. ... This post is a continuation of one started on the javascript forum. ... Javascript Menuing code to try to expose a "Right Mouse Context Menu"

Good Freeware Applications (Page 8 of 9) - View topic

Extend your copy of xVST with your own JavaScript plugins. Pause, resume or cancel your downloads if you .... There are following features in Context Menu Enhancer. ... Now you can add program or folder to right click or cascading menu

All Adobe Products

Contect Help Toolbar V1.2.0 For Adobe Dreamweaver ... Likno AllWebMenus JavaScript Menu Builder V1.0.1 For Adobe Dreamweaver

Freeware Alternative List - Neowin Forums

Sep 1, 2010 ... The program may be javascript or flash based. Online - This program requires an internet ..... 12.06 Desktop & Customization -> Context Menu

Forum Nokia Dev. Camp - WRT training Paris_17&18 Nov

Designing for a specific context of use • More info? ... Cascading style sheet ( CSS) to specify relative measurements: fonts, margins, images… .button { .button ... S60.com");; WRT JavaScript extensions - Menu menu and MenuItem:

How-to use the menu object in WRT widgets - Forum Nokia Wiki

Dec 7, 2009 ... If the removed menu item has a cascading submenu in it, the submenu will .... Remarks: If the arguments are not valid, a JavaScript exception indicating .... Qt C++ and QML integration, context properties and GPS compass

change Copy Image to only send image to the clipboard - Google

Nov 25, 2009 ... The context menu already provides separate options for copying either the .... and it'll eventually cascade down into the Stable version

Chrome opens off screen, on no-longer-connected second monitor

Jul 19, 2010 ... Try right-clicking on the Taskbar and selecting Cascade Windows. ... entry in the task bar (and hasn't disabled "Move" in its context menu)

Where is the Enforce Referential Integrity Option? (View topic

Mar 16, 2008 ... On the Base windows you will find the menu item: Tools > Relationships .... OS - and the context menu that you use to set the primary key is still active, .... under the foreign key dialog box 'Delete Cascade' - then what would happen ..... OOo Basic, Python, BeanShell, JavaScript, External Programs

Drop down menu in html

I think it's not a good idea to use JS for menu navigation ... <a href="#"> Pulldown menu</a> <a href="#">AJAX Drop Submenu</a> <a href="#">DIV Cascading Menu</a> </div> .... How can I create a simple context menu in HTML and JavaScript?

qWikiOffice • View topic - Working on Ext JS 3.2.1 Support

I have been playing with the Cascade and Checkerboard context menu options and they did not quite work like I felt they should. .... -Snapshot/modules/qwiki/ admin/client/lib/members/MembersTree.js) for module id qo-admin

Firefox plans fix for decade-old browsing history leak • The

Disable Javascript globally, and re-enable it for the sites you ..... context menus or waiting for a series of cascading combo menus to load

Using Moodle: New Base Theme with Dropdown

Feb 1, 2010 ... Perfect theme for starting your new project with a dropdown menu. .... theme and my only guess is a problem with javascript not loading properly. .... It may just be a problem with the cascade, and since I don't know the

Redirect website depend on browser need help pleas

The element named above was found in a context where it is not allowed. ... this error can create cascading effects. ... missing one of "ul", "ol", "menu", "dir" start-tag ..... Learn Javascript · Learn ActionScript 3.0

Joomla! • View topic - joomlafck2 - New working & safe FCKeditor

ContextMenu.Listeners=[];FCK.ContextMenu.RegisterListener. .... of JCK) and one small new javascript file (to fire the dialog and update the

Kaspersky Lab Forum > "Blacklist" of Anti-Banner

http://www.htc.com/Scripts/iFrame.js Databases Firefox ... http://www.arminfo. info/images/Cascade%20Bank-Arminfo.swf ..... should start automatically (as a result you will get the item added to the context menu that will

V5 WIP 2010-09-29 - RhinoJungle

Sep 29, 2010 ... Toolbars: Get instant access to cascading toolbars by clicking on ... now shown in the context menu when you right click on the coordinate

[Ot] Disable Forum 'Post Message' Button After Click

Disable Right Click Without Java? i know this has nothing to do with .... How To Disable Adobe Pdf Right-Click Context Menu Items ... Delete Cascade · Advice Requested : Disaster Recovery With 2 Drives (No Raid) With Sql Server 2008