Extjs Collapsible Menu by Deluxe-Menu.com
Extjs Collapsible Menu

Menu Screenshots

Extjs Collapsible Menu Javascript Vertical Sliding Menu

Features

Cost Effective
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!
Javascript Cascading Menu Fade Extjs Collapsible Menu
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
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your extjs collapsible menu menus easily and in no time
  • Sensible menu parameters for manual editing



2.0 Buttons by Web-Buttons.com v3.0.0

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.

Recent Questions

Q: Can I put the icon on the left hand side of the text or does it have to be the right in the tree menu script?

A: You can put the icon as you wish on the left or right side.
You may set a alignment of icons and arrows.
To set them use these parameters:

  var ticonAlign="right";
  var texpandBtnAlign="right";

To set alignment of the top items in XP-style use:

  var tXPAlign="right";


Q: How does an item on the dhtml navigation menus connect to pages?

Does it take the page's name automatically?

If I add a page, will the menu item show the new page?

If I remove a page, will the menu remove the item?

A: > how does an item on the menu connect to pages?
You should create menu items in the Deluxe Tuner and specify link and target for each item, for example:
  var menuItems = [

["Upcoming Trainings","http://domain.org/pub/upcoming-trainings", "", "", "", "_self", "", "", "", "", "", ],
["Conferences & Workshops","upcoming-workshops.html", "", "", "", "_blank", "", "", "", "", "", ],
["Continuing Ed","ceu.html", "", "", "", "main", "", "", "", "", "", ],
];

> does it take the page's name automatically?
> if I add a page, will the menu item show the new page?
> If I remove a page, will the menu remove the item?
No, you should do it manually in Deluxe Tuner (or any text editor).


Q: I downloaded the trial version of deluxe-menu.
I created a four tab menu using the tab'stab menu generator; so far so good.
I read the tutorial where to past codeand ensuring all items wire in the menudir/; so far so good. The problem, you talk about two> files 'dmenu.js' & 'data.js', these files were not created bydeluxe-menu program.
Where are they, so that I can see if this thing works before buying, so far; not so good.

A: You may have another name for your data file (not data.js).

If you want to use tab menu you'll have dtabs.js engine file and data file.

1. create and save .js file with your menu parameters in Deluxe Tuner(you can use "File/Save as/HTML" function).
You can enter any name you like, for example enter "tab". So you'llhave tab.html, tab.js files and "tab.files" folder with all menu files.
2. open your .html page in any text editor
3. Copy generated tab.js file and "tab.files/" folder in the same folderwith your index.html page.
4. Open generated menu.html in any text editor and copy several rows of code (<script> tags), For info see:http://deluxe-tabs.com/product-info/?installation

<head>
<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript" src="tab.files/dmenu.js"></script>
</head>
<body>
...
<script type="text/javascript" src="tab.js"></script>
...


That's all.


Q: I am working on a menu for a client. I have most of the functionality in place for this client. I have 2 questions that I have not been able to figure out on this menu.

1. Is there a way to define the border image or color on an item in this simple javascript dropdown menu. I need to be able to add in lines between the items. I have not been able to figure out how to do that.
2. Is there a way to dynamically highlite an item? For instance if you are on the page "Horizon for SAP" as illustrated, I would want that to show differently in the menu.

I have written scripts to dynamically generate this menu based off of a sitemap. I just need to make one item on it look different based on your breadcrumb or where you are in the site.

A: > Is there a way to define the border image or color on an item.

You can't specify the image for border, but the color and width are fully configurable.

> 2. Is there a way to dynamically highlite an item?
Yes, please see

http://deluxe-menu.com/dynamic-functions-sample.html