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

Template:






    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Top items and submenus have a shadow
    - Search feature - add the search area in the menu and type symbols.
    - Image arrows
    - Relative/Absolute menu position
    - Inactive/Disabled items
    - Submenus automatically scrolls




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

Menu Screenshots

Extjs Horizontal Menu Example Code Menu Javascript

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 extjs horizontal menu example samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Vertical Javascript Navigation Extjs Horizontal Menu Example
Easy Setup
  • De Luxe Tuner. GUI interface to create your extjs horizontal menu example menus easily and in no time
  • Sensible menu parameters for manual editing
Cost Effective
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



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

Javascript Menu. DHTML Menu.

  • Create contextual menus for your pages. For this purpose you should assign a special function for the object you want. The current coordinates of the mouse pointer or your own ones can be used for the contextual menu.
  • When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automatically scrolled! You can also specify height and width for each separate submenu.
  • Build menus completely based on Cascading Style Sheets. It is possible to appoint the individual CSS styles for separate elements of the menu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Is it possible to change the background color of just one of the menu buttons within a sub navigation bar?

A: Yes, it is possible.Use Individual Item Styles.

Create Individual Item style and assign it to your submenu items usingDeluxe Tuner.

  var itemStyles = [
["itemBackColor=#800000,#FF8080"], //style0
];

["Home","testlink.html", "", "", "", "", "", "", "", "", "", ],
["Product Info","", "deluxe-menu.files/icon1.gif","deluxe-menu.files/icon1o.gif", "", "", "0", "", "", "", "", ], //style0
 ["|Features","testlink.html", "", "", "", "", "0", "0", "", "", "", ],
 ["|Installation","", "", "", "", "", "0", "", "", "", "", ],
   ["||Description of Files","testlink.html", "deluxe-menu.files/icon6.gif", "deluxe-menu.files/icon6o.gif", "", "", "0", "0", "","", "", ],
   ["||How To Setup","testlink.html", "deluxe-menu.files/icon6.gif", "deluxe-menu.files/icon6o.gif", "", "", "0", "", "", "", "", ],
...




Q: If I open a pdf file within the frame work, the javascript onmouseover menu does not work.

A: Try to load your .pdf file into the IFRAME, for example on yourcontent frame (frame where you load your pdf files) you'll have:

<iframe src="files/1.pdf" name="iframe" style="z-index:0;" width="100%" height="100%"></iframe>

Submenus will overlap PDF correctly if you load it in the IFRAME only!

Q: I have two question for now...

Where can I change the word "loading" during ajax is loading the submenu?????
Is state saving of javascript based tree just for the first level??? Does it works for the AJAX submenus?

The reason why I switch to treemenu is the possibility of state saving!

A: I've just checked your website and save state feature works fine for the ajax submenus.

Actually we've added this feature in v3.2.7 of Deluxe Tree.
http://deluxe-tree.com/whats-new-info.html

I see you changed the "Loading.." text inside the dtree_ajax.js file.

Q: We want to create a hyperlink (lets say google.com) to the item (eg. Industry,International Airlines etc) and display it in the dataframe.

For eg On clicking the 'International Airlines', the hyperlinked content should be displayed on the DataFrame along with expanding the navigation items. Right now it just expands the navigation , but the link doesn't work.

The hyperlink works fine for the subitems. We want to do the same for the main items as well.


A: You can write your top items in the following way:

["<a href='http://google.com' target='DataFrame' style='color: #000; text-decoration: none;'>International Airlines</a>","", "", "", "", "","DataFrame", "", "", ],


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