Javascript Collapsible Flyout Menu by Deluxe-Menu.com
Javascript Collapsible Flyout Menu

Template:

Dark Orange Menu Template - CSS Dhtml Menu






    - Filters and Transitional effects
    - Items with icons
    - Unlimited number of sub levels
    - Submenus dropdown on mouseover
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Search feature - add the search area in the menu and type symbols.
    - Submenus automatically scrolls
    - Image arrows




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

Menu Screenshots

Javascript Collapsible Flyout Menu Create Dynamic Menu

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

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript collapsible flyout menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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!
Tutorial Javascript Navigation Tree Javascript Collapsible Flyout Menu
Cost Effective
Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript collapsible flyout menu menus easily and in no time
  • Sensible menu parameters for manual editing
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.

  • Submenus can be shown in 4 ways: - From from left to right + upwards and also left to right. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).
  • Use images for icons, backgrounds of submenus and items. Using images you can create menus entirely based on graphics.
  • Create both horizontal and vertical menus and submenus with any amount of menus on one page.
  • Insert any HTML code inside the menu item - be it a form or a picture, a flash-object or a text. This ability allows you to create various menus of any complexity.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I try to fix the height of the submenu "Zone Climatiques" to 400px but I didn't find the way to do this. It worked by setting   var smHeight=400px but that setting set all submenus. I would like set only the height of "Zone climatiques" submenu.
  Thanks for your help.


A: You should create Individual Style

  var menuStyles = [
["menuBackColor=transparent","menuBorderWidth=0","itemSpacing=1","itemPadding=0px 5px 0px 5px"],
["smHeight=400px"],
];

and assign it to the first item in submenu
["3101 - Ste-Anne-Des-Monts","ProcessClimaticZone/edit.do?id=3101,2003-11-13", , , , , ,"1","stationSubMenu.htm?climaticZoneId=3101,2003-11-13",],


Q: I want frameless popup window to appear when an image is clicked,
but at the moment it appears automatically on page load..

A: You can specify the ID of the element you want to click on.
Actions sections in Deluxe Tuner, onClick parameter.

1) You can show the popup window when you hover, click or mouseout on some elements on yourpage.
For example you have:

<p><img border="0" src="images/submenu-bg.gif" width="170" height="29" id="open_popup"></p>

So, in Deluxe Tuner you should enter 'open_popup' object ID in the onMouseOver,onClick or onMouseOut fields.

Actually you can assign id to any object on your page:
add id="open_popup" for <a>, <div>, <img> ... tags.

2) You can also use deluxePopupWindow.open() function to open the popups.

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

function deluxePopupWindow.open("winID", "content", "header", "param", "skin", "contentType")

Use another winID (first parameter) than you have in your data file if you don't want to close 1-st popup window
or use thesame winID=win if you want to close 1-st popup.

content - will be the path to the file you want to load in your popup (files/test.html)
skin - is the name of your skin
contentType - set this parameter to iframe.

Q: It is possible to have context menu work with your tree?
More specifically, when you right click on a tree node, have a context menu appear.


A: Please, try to use this API function:

function apyt_ext_userRightClick(itemID)

More info you can find here:

http://dhtml-menu.com/tree-examples/dynamic-functions.html


Q: First of all, your product is amasing!

I can not create popup windows by clicking on a menu.

For example:

MainMenu:     Home > Favorites > Fun > About us

Sub Menu:      - Portal
                       - Games
                       - Forum
                       - Chat

By clicking on “Games” Button of sub menu I would like to open a popup window,

Not regular window with navigation, scroll and so on.


A: You can use your own javascript functions in the menu items.

You should paste "javascript:some_function()" into item's link field, for example:

  var menuItems = [
["text", "javascript:your_function(...)", ...]
];


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