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

Menu Screenshots

Extjs Horizontal Menu Example Submenu Using Javascript

Features

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
Cost Effective
Web Menu Gratis Extjs Horizontal 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
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!
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

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!

Recent Questions

Q: Is there a way to make the vertical drop down menu dhtml not reset after a link is clicked. Now every time I click a link in the tree menu it takes me to the linked page but all the menus re-expand.

A: When user clicks the link, the browser loads a new page and the script re-create the vertical drop down menu dhtml.
If you want to open the needed section automatically on load you can use the following:

1. Save the state to cookies

  var tsaveState=0;

2. Use frames

3. Put the special script on each page of site that will open appropriate section.
(dtreet_ext_expandItem)

See more info here:

http://www.deluxe-tree.com/functions-info.html



Q: I came across your program through a link on the Internet. The menu script displayed was DHTML Menu Demo #23 displayed on
http://dhtml-menu.com/dhtml-samples/menu2752.html

- this is the only menu I am interested in as it has the capability of positioning the menu script relative to an existing table in the HTML coding of the page. I already have a vertical scrolling menu with several features visitors. We are moving our website to our own server and are doing some updating to make it more attractive when viewed at different resolutions. If you look at the source coding for the page (yes, it's almost exclusively in HTML - it usually views well on any browser) you will see that ALL the content is enclosed in a table which is centered on the page allowing it to be completely viewed at any resolution of 800 x 600 or greater. But the scripting I'm using ( /* Created by Randy Bennet...) uses the left margin of the browser window as left margin of the page. If it could be written so that the left margin of the existing (and centered in the browser window) table would be the point from which the left corner of the "object1" was measured, then the page would view nicely at any resolution. But I cannot find out how to do this from your "newer version".

A: You can create the same menu using Deluxe Menu:
http://dhtml-menu.com/dhtml-samples/menu2752.html

To install Deluxe Menu in the table cell with center alignment youshould use relative position for the menu:

  var absolutePos=0;
  var posX="0px";
  var posY="0px";

And install it on your page in the following way:

<table>
<tr>
<td align="center">
<script type="text/javascript" src="deluxe-menu.js"></script>
</td>
</tr>
</table>



Q: I've tried to add the pathPrefix_img as suggested and I'm still having trouble with images.
Can you provide anymore feedback on what I'm doing wrong?


A: Now you have such paths:

  var pathPrefix_img="http://www.domain-name.com/images/";

and

  var arrowImageMain=["CFTopMenu.files/arrv_white_1.gif",""];

So, the full path we'll be:

http://www.domain-name.com/images/CFTopMenu.files/arrv_white_1.gif

Is it right?
I've tried to download your image from this link. There is no such image.
If you want to put all your images into the "images" folder you should write so:

  var pathPrefix_img="http://www.domain-name.com/images/";

and

  var arrowImageMain=["arrv_white_1.gif",""];

Please, check that you upload all your images on the server in the right places.


Q: I have placed my horizontal menu in javascript (1003 px width) in a table whose width is 1003px my dropdowns span from extreme left to extreme right (screen shots attached) by default the dropdown is leaving 20 pixels margins on both the ends which disturbs my layout. This happens when my screen resolution is 1024 x 768, when viewed in higher or wide screen monitors this problem does not arise. Please suggest a solution.

Appreciate your response.

A: This is space to document borders. We've set this space, so that yoursubmenus will not look like the part of browser window. If you wantyou can delete that space.

Open engine file for horizontal menu in javascript - dmenu.js - file in any text editor and find the following code:

space=15;

Change 15 to 0.

space=0;