Extjs Menu by Deluxe-Menu.com
Extjs Menu

Template:






    - Submenus dropdown on mouseover
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Inactive/Disabled items
    - Hundreds of pre-designed templates
    - Submenus automatically scrolls
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Personal CSS styles for separate menu elements




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

Menu Screenshots

Extjs Menu Horizontal Dropdown Menubar

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

Features

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
Absolute Position Extjs Menu
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed extjs menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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!
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
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Good navigation is an important step to website success. If people can't find their way around the site, they will quickly give up looking and leave, never to return. So, it's absolute vital that your website has a fast, neat, and eye-pleasing navigation.
    Don't allow your website visitors to get lost. Try Deluxe Menu!

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

Recent Questions

Q: Have a question regarding your Deluxe-Tabs product.

Is it possible to set dhtml navigation menu up so clicking a tab runs a function in my page?


A: You can use your own javascript functions and html code in the menu items.

Unfortunately, you can't assign onmouseover/onClick event to each item. However, you can achieve this by using standard html objects within items, for example:

  var bmenuitems = [
["<div onMouseover='your_code_here'>item text</div>", "content1"]
];


Q: I was adding a title to the page containing the Turner Delux drop down menu and now the  the menu is gone and I cannot recover it.   

Please tell me in very plan instructions how to load the Mneu on to a blank Front Page web page.


A: See, 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>
<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: We just bought your product suite including deluxe tabs control. For some reason that the tabs onload is not working in IE 7 only. It works in IE 6 and FF, Chrome and Safari. Attached is the sample page which will show the problem. I also attached our receipt of order for your reference.

Pleae help me to figure out what is the problem with my code ASAP.

A: Try to set exact height for your content DIV. Change height:0%; to height:200px;

<div id="content1" style="height: 200px; visibility: hidden;" class="tabPage">

<div id="content1" style="height:0%; visibility: hidden;" class="tabPage">

Q: What i am doing is a horizontal menu with submenus opening down vertically. The main menu and sub menu has a background image. These are rather large for a menu and when the sub menu expands i want it to stay below the main menu and not go upwards to cover the main menu when the browser window is too small.


A: Yes, they will stay forcibly below the main menu.

You can use Smart Scrollable Feature. In that case sub menus won't cover
the main menu items. You can see an example here
http://deluxe-menu.com/scrollable-submenus-sample.html

You may specify the exact height for submenus, for example:

  var smHeight="500px";

Use the following parameters to set the direction for submenus:
  var subMenuAlign="left";
  var subMenuVAlign="top";
For more info see:
http://deluxe-menu.com/ways-showing-submenus-sample.html

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