Extjs Menubar Example by Deluxe-Menu.com
Extjs Menubar Example

Template:

Blue Rounded Menu Template - CSS Menu Dropdown






    - Search feature - add the search area in the menu and type symbols.
    - Filters and Transitional effects
    - Inactive/Disabled items
    - Hundreds of pre-designed templates
    - Text aligned to left
    - Horizontal or vertical orientation
    - Submenus go over all page objects
    - Unlimited number of sub levels




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

Menu Screenshots

Extjs Menubar Example Simple Drop Down Menu Javascript

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

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
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
Javascript Menus Dynamic Extjs Menubar Example
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
Cost Effective
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed extjs menubar example samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings



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

Javascript Menu. DHTML Menu.

  • Submenus can be shown in 4 ways: - From from left to right + upwards and also left to right. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).
  • Use images for icons, backgrounds of submenus and items. Using images you can create menus entirely based on graphics.
  • Create both horizontal and vertical menus and submenus with any amount of menus on one page.
  • Insert any HTML code inside the menu item - be it a form or a picture, a flash-object or a text. This ability allows you to create various menus of any complexity.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I have found (was it like this before??) that if I right-mouse-click over a menuitem then I do not see any option to open the URL in new window....

I do not get any options at all to open the URL in new window (or same window), in the browser context menu (both IE and Firefox).


A: No, Deluxe Menu doesn't have such a feature. This is only text, not alink. And we won't change it. Because now you're able to paste anyhtml code within menu item.

  var menuItems = [
["<div>Arbeidsplaner</div>","cp_workplan.php",,,,"_self","0","0"],


You can write your links in the following way:

["Channels","", , , , , , , , ],
["|<a class='menu' href='http://google.com/'>google</a>","", , , , "_self", , , , ],
["|<a class='menu' href='http://google.com'>Market</a>","", , , , "_", , , , ],

And create a style:
A.menu {
color: #000;
text-decoration: none;}
A.menu:hover {
color: #000;
text-decoration: underline;}


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: I am in the process of building this site, but as you will see the menu text is showing on the top menue, but not the javascript hide menu itself.

A: You forgot to upload engine files on you server.
That is why you see search engine friendly code for the javascript hide menu only:

<div id="dmlinks" style="font:normal 11px Arial;color:#ff9966;text-decoration:none">
...
</div>

Notice that you should call dmenu.js file and dmWorkPath parameter on your html page only once.

You should write only

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



Q: If I use windows tree menu and published on my web site it is default all javascript tree menu and submenu are opened. I want that all menu is default closed if user click on main menu it will be opened submenu. Please wich parameters I have to change.

A: You should set the following parameter:

  var texpanded=0;

Check also that you don't have '+' sign before item's text in the top items, for example:

["+Home","", "", "", "", "", "", "0", "", ],
...
["+Item1","", "", "", "", "", "", "0", "", ],

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