Collapsible Side Navigation Menu by Deluxe-Menu.com
Collapsible Side Navigation Menu

Template:

Microsoft Style Template - Dhtml Cascading Menu

 









    - Unlimited number of sub levels
    - Cross-frame support - menus work on frameset-based pages
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Sound support!
    - Transition #14 - "fade out" effect
    - Hundreds of pre-designed templates
    - Image arrows




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

Menu Screenshots

Collapsible Side Navigation Menu Dynamic Dropdown Menu Vertical

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

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed collapsible side navigation 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!
Javascript Top Menu Collapsible Side Navigation Menu
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
Cost Effective
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.

  • 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.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: The button menu is on the top of the screen but it has lines through each of the menus just after the words and before the arrow on each of them.
I have stretched the menu out tocover the whole of the top of the page but i need to get these lines out of the menu.

Can you please help me with this problem


A: See images in Vista Templates have the fixed width and height (92 x21):

  var itemStyles = [

["itemWidth=92px","itemHeight=21px","itemBackColor=transparent,transparent","itemBorderWidth=0",
"fontStyle=normal 11px Tahoma","fontColor=#3A3A3A,#000000","itemBackImage=data-vista-2-04.files/btn_olive.gif,data-vista-2-04.files/btn_white.gif"],
];

When items text is too long you can have such effect.

You can try to use combined background for your items, for example:

  var beforeItemImage = [,]; //left-side image for normal and mouse over state
  var itemBackImage = [,]; //background or image for normal and mouse over state
  var afterItemImage = [,]; //right-side image for normal and mouse over state
  var beforeItemImageW = '';
  var afterItemImageW = '';
  var beforeItemImageH = '';
  var afterItemImageH ='';

But you should create a small images in any Graph Editor, for example:
button_n_back.gif
button_n_left.gif
button_n_right.gif
button_o_back.gif
button_o_left.gif
button_o_right.gif


Q: What is occurring is that the information on the first tab is appearing on every tab. The other tabs are behaving correctly, but the first tab appearing at the top.


A: Now you have such items

["$Contacts", "contacts",,,,"How to contact Civil Liberties Australia", "0"],
["The Board", "board",,,,"Members of the CLA Board", "0"],
["Policies", "policy",,,,"An outline of CLA's policies", "0"],
["Other Matters", "other",,,,"Other administrative matters of CLA' page","0"],

But I cannot find DIV with ID "contacts".

May be you should write

["$Contacts", "content",,,,"How to contact Civil Liberties Australia", "0"],

Please, check it.


Q: Just wondering if it is possible to select a specificdhtml tab via JavaScript.
Eg. A link on the page to select the next tab (or any other for that matter)

A: You can use the following function to open appropriate tab:

Unfortunately Deluxe Tabs doesn't support API functions now.

You can use the following function to open specific tab:
dtabs_itemClick(menuInd,itemInd);
where
menuInd - index of a tab menu on a page, >= 0.
itemInd - index of a item, >=0.

For example:

<DIV onClick="dtabs_itemClick(0,2)" style="width: 200px; border: 2px solid #000;">Click to open the third tab</DIV>




Q: Hi I have a accessible dhtml menu item which has a word wrap on it. The word wrap it auto so instead of saying the following

Sickline Call
123456789

It says

Sickline Call 123
456789

I need to put either spaces in the title to level it out or a carage return

A: You can use any html code within accessible dhtml menu Items, for example:

  var menuItems = [

["Home","testlink.html", "", "", "", "", "", "", "", ],
["Sickline Call<br>123456789","", "default.files/icon1.gif", "default.files/icon1o.gif", "", "", "", "", "", ],



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