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

Template:

Youtube Style Template 2 - Drop Down Navigation Menu







    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Cross-frame support - menus work on frameset-based pages
    - Items with icons
    - 85% transparency for sub menus
    - Transition #14 - "fade out" effect
    - Sound support!
    - Unlimited number of sub levels
    - Text aligned to left




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

Menu Screenshots

Extjs Menu Example Navigation Bar Icons

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
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
Javascript Menu Submenu Example Expand Extjs Menu Example
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 extjs menu example menus easily and in no time
  • Sensible menu parameters for manual editing
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!



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

Javascript Menu. DHTML Menu.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I have been trying for months to find an answer to my submenu problem using your FAQ and Recent Questions.
The only thing that comes close to an answer is from one of your Recent Questions below, but I don't understand the answer. Will you please give me specific code or info to fix? Please refer to my frameset code and data.js info, which I've provided further down this message.

I am using cross frame menu dropdown. I have three frames: Top, Left and main (middle).

I am using the script and data from your sample file, it works fine. Only problem is submenu is offset to the right. It does not show up exactly down below the top javascript hide menu.

A: Yes, I suppose that the reason is in your frame structure. For examplenow you have:

top -------------------
       **MENU**
left--|main------------
       |
       | **submenus**
       |

Try to add additional frame in your top frame with the same width asyour left frame has:

l-top-|right-top-----------------
       | **MENU**
left--|main----------------------
       |
       | **submenus**
       |

Q: I got it working however I have an additional question.

How do I allocate the width of each "button" see sample how for instance the "FAQ" button is so narrow compared to others. I tried adding spaces with no result.

A: You can use Individual Item Styles to set exact width for the menuitems.

For example:

  var itemStyles = [
["itemWidth=100px"], //style 0
];

  var menuItems = [

["Home","testlink.html", "", "", "", "", "0", "", "", ], //style 0
["Product Info","", "", "", "", "", "0", "", "", ], //style 0




Q: I have just bought the software and created a first menu.

As you can see the sub-menus appear away for the menu/navigation bar.

This doesnТt happen when I put the code into an .html file without any divs.

Can you suggest what the problem might be here?


A: The problem is that the script can't get css properties of the object if they are described in separate .css block (or file).
In other words, you can't get the value of "position" attribute of the object if the object doesn't have this property within inline style(style="position:absolute"). To get the value you should move .css style into style="" attribute.

Please, try to add your
css file -> inline css, for example:

You should add <DIV id=nav_bar_main>

to the

style="position:absolute;"

So, you'll have:

<DIV id=nav_bar_main style="position:absolute;">

Check that.


Q: I use v3.0.
I cannot manage to search within the menu.

I have done this:

  var dmSearch=2
"search:" in the link of a new item


A: You forgot to copy dmenu_search.js file on your server.

See the attached example. Search works fine.

You can also specify styles for the search box:
 ["|Doorzoek menu ","search:value='search..' style='border:1px;width:60px;height:14;font-size:10px;'", "", "", "", "", "", "", ],


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