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

Menu Screenshots

Ajax Collapsible Menu Tree Html Javascript Menu

Features

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!
Javascript Popup Effects Ajax Collapsible Menu Tree
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
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed ajax collapsible menu tree samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Use images for backgrounds of submenus and items, icons, arrows. Using web images you can create menus completely based on graphics.
  • Design both horizontal and vertical menus and submenus with any amount of menus on a single page.
  • Place any HTML code inside the menu item - be it a flash-object, form, picture, or text. This ability lets you to build various menus of any complexity.
  • Submenus can be shown in 4 ways: - From left to right and also from left to right + upwards. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).

Recent Questions

Q: When I load a page with dhtml menu sample, lets say contact, the first tab is always highlighted, not the contact tab

A: I suppose that you've set the following parameter:

  var bselectedItem=1;

So, the first tab is always highlighted.

This Tab menu can save pressed item automatically within1 page only. If you open another page, the menu can't remember presseditem. You should do that manually using Javascript and menu parameters(  var bselectedItem,   var bselectedSmItem) or using any server-sidescript (php, asp, etc.)

You should delete this parameter from your data file and write thefollowing code on each page before you call your data file, for example:

<script language="JavaScript1.2>

  var bselectedItem = 3;

</script>



Q: Mouseover "QUICK LINKS" at the top. The bottom java menu navigation item is falling behind the mainnav table.

It works fine in FireFox. Any suggestions?

A: Try to add a high z-index for the DIV with top menu, for example:

<DIV id=containerHeaderNav style="POSITION: absolute; z-index:50;">



Q: Is it possible to place the icons on the right side of the menu items for the navigation bar script?

A: Unfortunately there is no such option. But you can use html code inside item's text, forexample:

["Purchase   <img src='default.files/icon1.gif'>","http://deluxe-menu.com/order-purchase.html", "", "", "", "_blank", "", "", "", "", "", ],



Q: I would like to call a popup window with javascript from a menu item.

A: You should add the code for popup window on your html page with the menu:
<!-- Deluxe Popup Window -->
<noscript><a href="http://deluxepopupwindow.com">menu drop down by DeluxePopupWindow.com</a></noscript>
<script type="text/javascript" src="deluxe-popup-window.files/dpopupwindow.js"></script>
<script type="text/javascript" src="deluxe-popup-window.js"></script>
<!-- (c) 2006, DeluxePopupWindow.com -->

Inside menuItems you should open the window in the following way:

["Click to open Popup Window","javascript:deluxePopupWindow.open('window1',
'http://deluxepopupwindow.com', 'Popup window',
'width=420,height=300,resizable,scrollbars=no,middle,right,fade-effect',
'windowsvista_graphite','iframe')",
"", "", "", "", "0", "", "", "", "", ],

More info about deluxePopupWindow.open() method you can find here:
http://deluxepopupwindow.com/window-installation-info.html