Dojo Dropdown Menubar Example by Deluxe-Menu.com
Dojo Dropdown Menubar Example

Template:

iPhone 5 Template - Cascading CSS Menu






    - Sound support!
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Relative/Absolute menu position
    - Status string shows item labels
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Hundreds of pre-designed templates
    - Personal CSS styles for separate menu elements
    - Submenus automatically scrolls




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

Menu Screenshots

Dojo Dropdown Menubar Example Javascript Sample

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 dojo dropdown menubar example samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Html Script Animated Separators Dojo Dropdown Menubar Example
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
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your dojo dropdown menubar example menus easily and in no time
  • Sensible menu parameters for manual editing



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

Javascript Menu. DHTML Menu.

  • Good navigation system is an important part of web site success. If people can't find their way around the site, they will rapidly give up looking and go, never to return. So, it's very significant that your website has a neat, fast, and gratifying to the eye navigation.
    Don't permit your web site visitors to get lost. Try Deluxe Menu!

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

Recent Questions

Q: In deluxe tuner, horizontal dhtml menu, how I make sure long menu items can wrap into 2 lines?

A: You should set the following parameter:

  var noWrap=0;

Or use standard
tags inside item's text:

["International Music X Home
Decoration X Books","", "", "", "", "", "0", "0", "", "", "", ],



Q: Please tell me in very plan instructions how to load the dhtml menu slide on to a blank Front Page web page?


A: You should do the following things:

1. Create your menu in Deluxe Tuner.

2. Export the menu into html file "File/Export/To HTML".

3. Copy generated folder with all engine .js files and images
("deluxe-menu.files/" by default) and data-deluxe-menu.js (by default) into the same folder with you index.html page (created inFrontPage).

4. Now you should add several rows of code into your index.html file.
You can do it in FrontPage (open HTML source of the page and edit it)
or in any text editor. Open your index.html page and edit it.

Notice that you'll have errors in the Preview. But you won't get errors if you open this page in the browser.5. Add the following code in the tag:

<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript&ht;
<script type="text/javascript">>  var dmWorkPath="deluxe-menu.files/";</script>
<script type="text/javascript" src="deluxe-menu.files/dmenu.js"></script>

and
<script type="text/javascript" src="data-deluxe-menu.js"></script>

in the place where you want to have the menu.
You can paste it in <table>, <div> tags.

For example:
<div align=center>
<script type="text/javascript" src="data-deluxe-menu.js"></script>
</div>

6. Save your index.html page and open it in any browser.



Q: May I use this menu in Arabic mode I mean in right to left mode?

If yes please let me know how?


A: You're able to use any characters for Deluxe Menu in the same way asyou use them for standard html page.

The only issue is that submenus can be shown in incorrect positionwhen you're using dir=rtl for your page.

  var dmRTL = 0;
Set this parameter to 1 if you're using right-to-left direction of html page <HTML dir=rtl>.

Use also
  var smViewType = 2;
for right-to-left languages.

Please, see example:
http://deluxe-menu.com/ways-showing-submenus-sample.html

This examples demonstrates how the menu can change a submenusdirection. Use   var smViewType parameter to change a submenusdirection:

  var smViewType = 0..3;

Values:
0 - from left to right;
1 - from left to right + upwards;
2 - from right to left;
3 - from right to left + upwards;

In Deluxe Menu when you call data .js file you can try to specify the encoding:

<script src="data.js" charset="utf-8"></script>

Unfortunately, you can't use arabic characters in Deluxe Tuner application.You should manually correct your code.


Q: ["item text", "javascript:your_code_here", ...]

This won't work the java script executes when the link is clicked it is not the link itself.
Below is what I normally use and how would I incorporate that?

<a onclick="NewWindow(this.href,'name','490','400','yes');return false;" href="web/equipment/hydraulic_truck.htm">


A: I'm not sure I understand you.
You can use

NewWindow(this.href,'name','490','400','yes');

code in an item link:

["text", "javascript:NewWindow(url,'name','490','400','yes');"]

But if you don't want that, you can just insert <a> into an item text.


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