Collapsable Menu Thenine Js by Deluxe-Menu.com
Collapsable Menu Thenine Js

Menu Screenshots

Collapsable Menu Thenine Js Java Source Onmouseover

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!
Menu Pop Up Javascript Css Collapsable Menu Thenine Js
Easy Setup
  • De Luxe Tuner. GUI interface to create your collapsable menu thenine js menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed collapsable menu thenine js samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Cost Effective



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • There can be multi level menus - create as many rows or columns of the menu as you want.
  • Use a mouse to drag a menu as a usual window. Also you can construct the menu where each submenu can be "detached" from the main menu (MSOfficeToolbarLike mode).
  • When the page is scrolled the menu remains visible. The DHTML menu can "float" along one or two coordinate axes.

Recent Questions

Q: I am a web developer and evaluating your product using the Trial Version. I created navigation bar using your application (see attached files). Simple drop menu appears to be displaying OK (centered) when using Internet Explorer 7.0, but I can't move it below the header. Also when I access the same sample page using FireFox Browser, the Navigation Bar aligns on the Top-left. Ideally, the navigation bar shall be displaying below the header and centered.

Can you help please?

A: You are using absolute position for the menu now. You should userelative position if you want to center your menu. Set the followingparameter:

  var absolutePos=0;



Q: Can I expand a css tree menu from a link in my html page?

A: Yes, it's possible, please see

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

function dtreet_ext_expandItem (itemID, expand)
function dtreet_ext_getItemIDByIndex (menuInd, itemInd)



Q: Option to make the background in a pop up dhtml item fully transparent so that the page below it is fully visible. Is this possible now?

A: Yes, it is possible now.

You can set the following pop up dhtml parameter:
  var menuBackColor="transparent";



Q: I have Deluxe-Menu v2.0.

1. When I make an Item a Seperator using '-' on main menu Items (on a menu verticale javascript) it does NOT work (leaves a blank row) but when I make an Item a Separator using '-' on a Subitem it DOES work (uses the Separatorimage). Why ?

Can I make an Item a Separator on the main menu and get it to use the Separatorimage ?

2. If I set the text value to empty on a main menu Item and then add image paths in the Normal and Mouse Over Icon fields in Item Parameters, all I get on my preview is an image placeholder with a Red X but when I set the text value to empty on a SubItem and then add image paths in the Normal and Mouse Over Icon fields in Item Parameters, the preview DOES show the image. Why ?

How can I get the image to show on the main menu verticale javascript Item ?

A: 1. You should set a separator in the menuItems, for example:

  var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],];Please, see the following parameters:

//--- Separators  var separatorImage=""; //for subitems
  var separatorWidth="100%";
  var separatorHeight="3px";
  var separatorAlignment="right";
  var separatorVImage="images/public/separator.gif"; //for the top items
  var separatorVWidth="100%";
  var separatorVHeight="2px";
  var separatorPadding="";

You can send us a copy of your html page (including .js files) ora direct link to your website, so we can check it.

2.You can send us a copy of your html page (including .js files andimages), so we can check it.