Dijit Menu Examples by Deluxe-Menu.com
Dijit Menu Examples

Menu Screenshots

Dijit Menu Examples Internet Explorer Sample

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!
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
Treemenu Sample Download Dijit Menu Examples
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

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: Can data be loaded dynamically?
For example, can your dhtml menu source code load the child of a node once the node is clicked on?


A: You can use AJAX like technology.

http://deluxe-menu.com/ajax-technology-menu-sample.html

You may generate a menu from a database or XML using any server-side script, e.g., PHP, ASP, VB, etc.
However, these scripts don't work inside of Javascript .js files, so, you should move parameters of a menu from a .js file into an html-page, e.g.:

<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<!-- (c) 2006, http://deluxe-menu.com -->

<script type="text/javascript" language="JavaScript1.2">
// and describe parameters of a menu
  var parameter1=value1;
  var parameter2=value2;
etc.

  var menuItems = [
// here you generate items using server-side scripts (php, asp, vb, etc.)
];
</script>

The example of the menu working with PHP/MYSQL you can find here:
http://deluxe-menu.com/rq-loading-bar-MySQL-support.html


Q: I have an HTML application with 4 iframes. The main html file contains 3 iframes (top toolbar, left toolbar, and main area) and the menu. The main area iframe contains one additional iframe were the actual data is. When I interact with the data in this last iframe and try to dynamically change the menu in the .html file I get the error message: 'm' is null or not an object

The API call is:

dm_ext_addItem(0, 0, ["test1", "testlink.htm", "", "", "test1m", "_blank", "1"]);

I only have one menu.

I am using IE6

I included these files in both the hta file and the iframe source file.

<script type="text/javascript" src="./data.files/dmenu.js"></script>
<script type="text/javascript" src="./data.files/dmenu_dyn.js"></script>
<script type="text/javascript" src="./data.files/dmenu_key.js"></script>


A: Deluxe Menu doesn't work with <IFrame> objects. It works with<frameset> objects only. All it can to do with <IFrame> is to loadpages into it.
You should use standard installation for the menu (cross-frame mode).

See more info here:
http://deluxe-menu.com/cross-frame-mode-sample.html
http://deluxe-menu.com/data-samples/cross-frame-horizontal-1-sample.htm

There is no need to call dmenu_...js files.

<script type="text/javascript" src="./data.files/dmenu.js"></script>
<script type="text/javascript" src="./data.files/dmenu_dyn.js"></script>
<script type="text/javascript" src="./data.files/dmenu_key.js"></script>

You should write:

<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "./data.files/";</script>
<script type="text/javascript" src="./data.files/dmenu.js"></script>
<!-- (c) 2006, http://deluxe-menu.com -->


Q: Hello, I have used your menus on a few different websites I have built and have never had a problem like this one. I will be purchasing a license if i can get this to function correctly. For some reason my php javascript menu icons are overlapping or repeating and appearing in a wrong place, but only in IE. In firefox it looks fine....and in safari, just not in IE. here is the temp link to the page. http://www.domain.com/indextest3.htm

Thanks for the help, the support has always been great in the past and i look forward to purchasing a license once this is resolved....

A:   var menuBackRepeat="no-repeat";

Check the following parameter also, you've set it incorrectly:
  var itemPadding="1px 5px 2px 10px1";

You should write, for example:
  var itemPadding="3px";


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

Select a tab from a text link instead of clicking a tab itself

interacting with the main menu. .... Also, I'm unclear why your first example does not include a line that is included with your second

Spring Web Flow [Archive] - Page 20 - Spring Community Forums

SWF + Portlet + Subflow · form submission example · Print Image from Webflow model ... No Such Conversation Exception · Spring JavaScript & Dijit ComboButton ... A question about using WebFlow for navigation/menu · Bind on Entry

HTML and JavaScript

Refactoring HTML - Styles and Themes · JQuery Ajax Java Example .... Based on first dropdown menu all the remaining fields should be populated

JSTL and SpringJS conflicting! - Spring Community Forums

... type="text/css" href="<c:url value="/css/menu.css"/>" /> <link ... href="<c: url value="/resources/dijit/themes/tundra/tundra.css"

Dojo UI controls - Forum Nokia Wiki

Also to save some size all of the examples are using the Dojo javascript ... With the modified theme the standard Dijit calendar is rather big in ... Popup menu. File:Dojo_PopUpMenu.jpg. Dojo Popup menu can be used as

[20070522] AVIM - Bộ gõ tiếng Việt tự động dành cho Web - Page 26

8 Tháng 4 2008 ... bttrong example của em thừa một dấu ". Trích dẫn: ..... Thêm hỗ trợ cho 1 số WYSIWYG editor mới, bao gồm cả Dijit.Editor của Dojo. ... Thêm tùy chọn trong menu cho phép chọn kiểu gõ trước hoặc sau

Forum Database error: SELECT node.nodeid, node.url FROM

An example on how to do this for the hook_schema, hook_insert, .... No such file or directory in C:\wamp\www\example_com\includes\menu.inc on line 346." ... Hi all, I'm using dijit.Tree, I need to set a node selected by default (after

Browser Window Focus Issue in Firefox - WebDeveloper.com

Now when I click a link in that menu it closes the menu and opens the link in a new window. ... I got the idea from Dojo's dijit

projectzero.org • View topic - Is this right?

dojo.require("dijit.layout.AccordionContainer"); dojo.require("dijit.Menu"); dojo.require("dijit.TitlePane"); dojo.require("dojox.wire.ml

HTML and JavaScript

Refactoring HTML - Styles and Themes · JQuery Ajax Java Example .... Based on first dropdown menu all the remaining fields should be populated

Spring Web Flow [Archive] - Page 20 - Spring Community Forums

SWF + Portlet + Subflow · form submission example · Print Image from Webflow model ... No Such Conversation Exception · Spring JavaScript & Dijit ComboButton ... A question about using WebFlow for navigation/menu · Bind on Entry

CiviCRM Forums - Latest posts of: clea023

Aug 20, 2008 ... just two examples: Branch of Service -- active, reserves, national guard .... Refresh = all CiviCRM links on the Component drop-down menu were working, .... / civicrm/packages/dojo/dijit/themes/tundra/tundra.css);</style>

Tab plugin like dojo(dijit.layout.TabContainer and dijit.layout

By the way this is from the dojo javascript using dijit.layout.TabContainer and dijit.layout.ContentPane. Thanks. No status; Need more info

Dijit Menu - How to get the id of the Target node on which the

hi,in http://docs.dojocampus.org/dijit/Menu first example [code] var pMenu; dojo .addOnLoad(function(){ pMenu = new dijit.Menu({

CiviCRM Forums - Latest posts of: clea023

Aug 20, 2008 ... just two examples: Branch of Service -- active, reserves, national guard .... Refresh = all CiviCRM links on the Component drop-down menu were working, .... / civicrm/packages/dojo/dijit/themes/tundra/tundra.css);</style>