Ajax Collapsible Menu Tree by Deluxe-Menu.com
Ajax Collapsible Menu Tree

Menu Screenshots

Ajax Collapsible Menu Tree Javascript Rollover Menu With Side Menu Example

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 Ajax Collapsible Menu Tree
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your ajax collapsible menu tree 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.

  • Submenus drop down over all the objects of the page (select, flash, object, embed, applet). If for some reasons a submenu can't drop down over an object, the latter will be hidden for a time when the submenu is shown.
  • These effects will make your menu more attractive and stylish. You can cast a shadow on the menu and submenus, set transparency. Among available transitional effects there are such as fade, mosaic, random dissolve, slide out and many others.
  • Create individual styles and assign them to any submenu and item. Use individual styles to achieve stunning effects!

Recent Questions

Q: In the javascript pulldown menu submenu width seems not to work in FF...

A: You should specify units in "px".
  var itemStyles = [
["itemWidth=208px"],
];
  var menuStyles = [
["smHeight=200px"],
];



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", "", "", ],


Q: I'm interesting in dhtml menue ability to display a different color word on a menu item when the site is on that selected page

A: The menu has only two states normal and mouseover. We'll try to add the pressed state in the future.

You can set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem. You can't get this ID after you reload your page. That is why you should write your own code on PHP.

Q: Things are mostly working great. I want my menu to appear centered at the top the page. Here's the code:

<table style="text-align: left; width: 100%;" border="0" cellpadding="2"cellspacing="2">
<tbody>
<tr>
<td style="width: 100%; text-align: center;"><script type="text/javascript" src="navbar.js"></script>
</td>
</tr>
</tbody>
</table>

The table appears at the far left edge of the window. I tried with both absolute (x=20, y=10) and relative (both x and y unset) coordinates. Help!


A: If you want to center the menu paste itwithin the <div > or <table> with a static position and specify a center alignment for it, for example:

<DIV align=center>
<SCRIPT src="data/data.js" type=text/javascript>
</SCRIPT>
</DIV>

<table width=800>
<tr>
<td align=center width=600>

More Q&A

Microsoft ASP .NET - Page 115

AJAX collapsible panel and ASP.NET Profile · References · Ascii value of char. in C# ... Controlling the font of a treeview node · Page-Specific maxRequestLength . .... GridView Paging Puzzle · ajax menu and web spider problem

Milonic JavaScript Menu • View topic - Tree Menu... nice... AJAX

Ajax compatible: needs to be dynamically loaded when you expand a tree item. ... Or did you mean the collapse menu?

dswitzer - jQuery Forum

In a nutshell, this plug-in creates a tree-like form control. We need a UI .... content via AJAX. It keeps blowing up on the following line inside ... Are there any examples of anyone implementing collapsible rows with the .... menu slowly, it would work as expected. However, when you mouse quickly over

PHP-Fusion MODs & Infusions - Discussion Forum: [jQuery] Accordion

Sep 23, 2008 ... They grow on trees, don't they? 24% [13 Votes]. Votes: 54 ... It allows to collapse menu items when it has manu items groups (a last one) .... Ajax Poll Panel, New Releases [v7 MODs, Panels & Others], 7, 07-09-2010 13:01

Plugins und Widgets [Archiv] - Seite 4 - WordPress Deutschland Forum

WP 3.0 Mehr Artikel nachladen per Ajax; WP 2.9 NextGen Gallery - Bilder mehrerer Gallerien auf ... WP 3.0 Google Custom Search Plugin · Alternative zum Plugin " Page tree" ... WP 3.0 Collapsible Archive Plugin · Fehlermeldung bei Plugin Installation ... Twenty Ten theme & Blur Menu FX Plugin · Updatemail Plugin?

PHP-Fusion MODs & Infusions - Discussion Forum: Soul CSS

Jan 9, 2009 ... They grow on trees, don't they? 24% [13 Votes]. Votes: 54 ... after main menu links add some links, then add a second category ... <ul id='navigation' style=' list-style-type: none; margin: 0px; padding: 0px;' class='menu collapsible'> .... Ajax Poll Panel, New Releases [v7 MODs, Panels & Others]

uc_catalog.module modified to display products on a grid | Ubercart

Oct 31, 2007 ... upgraded catalog settings page with three collapsible fieldsets for catalog itself ... menu tabs to have not the list table OR the gird view but both, ..... 4) a bit of ajax so when you hover over an image it shows a floating .... drupal blocks BUT without loosing the regular catalog tree-list block

MX AJAX Toolbox :: Forum

Oct 21, 2009 ... Collapsible region & CSS menu started by Sean Proctor. 4. 08-08-2006 11:23:58 GMT +2 ... Display bug with nested AJAX accordion components started by GofD

Download Gold Plug-Ins for Adobe Dreamweaver CS4 - Fórum do Guia

IM Animated Collapsible Accordion V1.1.1 For Adobe Dreamweaver ... PluginLab CSS Tree Menu V1.011 For Adobe Dreamweaver .... Open-Source, Assembly, Programação Ruby on Rails, Java, VisualBasic/Basic, Aplicações Web, Ajax, JavaScript

[vBD]-Facebook Bar..!! - Page 3 - vBulletin.org Forum

An admincp customizable menu would be pretty slick for this, with dropup menus, like FB. ... and later i will make this in other version.. i say for tree. ... No Ragtek This isnt Ajax.. And Thanks Marek58 For Polish version .... Can you modify to make this collapsible? Some members don't like it and like to turn it

Using Moodle: Use of JavaScript in Moodle

For example, the library that builds the admin tree is completely ... as the single standard for core javascript and ajax or ajax-like functionality. ..... of an area of improvement in Moodle - the administrator collapsible tree menu

Using Moodle: What is the structure of a Moodle site?

It would use the same kind of collapsible tree JavaScript as the admin .... It can also AJAX in content which would save enormously on load times .... dynamic drop down menu. that builds a tree style menu. showing paths

Articles published on Forum Nokia Wiki « Jappit.com

Jun 23, 2010... How to create a dynamic fisheye menu in Flash Lite ... J2ME Fisheye Menu with JSR 226 · Drawing Collapsible Trees in Java ME

kein Login in den Admin möglich, weiße Seite - xt:Commerce Webshop

xtFramework/library/ext/ux/menu/EditableItem.js"></script> <script type="text/ javascript" .... Ext.Ajax.request({ url: 'adminHandler.php', method: 'GET', params: { keepalive:true} ... var Tree = Ext.tree function xtcontextMenu(node, e ) { .... collapsible: true, margins:'0 0 0 5', layout:'accordion',

YUI Library :: Forums :: Index page

YUI 2.x: Threads, Posts, Latest. General. For discussion of the YUI 2.x project, including planning, roadmaps, documentation, and general topics not related

What are the design constraints of WP pages?

Jul 11, 2009 ... Will plug-ins like the fold page one that creates a collapsible navigation tree of the upper 2 levels of pages freak out after being asked ... I would also look at some of the navigation and menu plugins that are available. ... you loaded the dropdowns with Ajax which I wouldn't normally recommend)

will opentaps 2.0 be based on ofbiz? | Opentaps

I did notice the Ajax based lookup for productId in the sales order ... In the macro set, I want to have expandable menus, expandable panes, tree controls and so ... main-section-decorator of each application and a collapsable left side

Microsoft ASP .NET - Page 138

Vertical and horizontal menus sitemap & sitemappath .... Update Gridview on Parent....AJAX? ... NET 2.0 · Outlook Style Menu with Collapsable Side Menu

TreeLoader extension to update a TreePanel

-Added new class Ext.tree.TreeNodeProvider as a better alternative to the prevoius .... different way (for example if you want to create a menu with the TreePanel, ..... In the handler, before I simulate the ajax call, I set a different

forum generator - SCRiPTMAFiA.ORG | Full Nulled Scripts

Flash Menus (14) A variety of Flash menus with original designs. 100% of the Flash 2004 Pro ..... [EN30] Ajax Fast Reply v1.0.1 [EN30] Top X Stats v1.0.4 ... [IM] Collapsible Forum Rules v1.0.2 [IM] Drag-Move Personal Topics v3.0 ... Customizable Category tree for Pages. * Personalized User Profiles and Settings

symfony framework forum: General discussion => Building Own Generator

Believe me that I will contact you, if I could not see the wood for the trees Very Happy ..... When more childforms are present, a tabbed menu (styled through ..... It now does work with the ajax-view. But you don't see it. ... to group column together which is collapsable to a summary field

JavaScript / CSS / JQuery - tabbed, scrolling/marquee, pop-up

Jun 5, 2010 ... Concertina/Tree/Collapsable menus * Tabbed content blocks .... Well, loading stuff with AJAX is NOT core content!

Show All Tags - jQuery Forum

ajax request contenttype internet explorer. 1. ajax requests. 1 ..... 1. collapsable menu. 1. collapsable tabs. 1. collapse. 2 ..... drag and drop tree. 1

TYPO3.net - Problem mit FLOW3. Ich bekomme es nicht zum Laufen!

menu: new Ext.menu.Menu({ items: [ new Ext.menu.TextItem({text: 'About'}), new Ext.menu. ... var nodetree = new Ext.tree.TreePanel({ useArrows:true, autoScroll :true, ... Ext.Ajax.request({ url: 'typo3cr/service/v1/nodes/' + node.id + '. json', ... collapsible: true, split:true, items: accordion },{ region:'center',