Collapsible Tab Html by Deluxe-Menu.com
Collapsible Tab Html

Menu Screenshots

Collapsible Tab Html Cross Browser Javascript Collapsing 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
Easy Setup
  • De Luxe Tuner. GUI interface to create your collapsible tab html menus easily and in no time
  • Sensible menu parameters for manual editing
Drag And Drop Across Frames Collapsible Tab Html
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed collapsible tab html 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!
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 need a navigation bar dhtml where on the click of certain items, server side code on the page can be called and executed.
I need to create a multiple item select menu. Sothe menu would need to remain open and allow a user to selectmultiple items and would either submit onmouseout or maybe a “submitthese selections” menu item.

A: You can try to use Deluxe Tree in that case:
http://deluxe-tree.com

You can paste any html code inside item text, see example here:
http://deluxe-tree.com/data-samples/tree-menu1.js

["+Support", "", "icon5_t.gif", "icon5_to.gif", "", "Support Tip"],
 ["|Index  <select style='width:120px;height:17px;font:normal 10px Tahoma,Arial;'><option>Section 1<option>Section 2<option>Section 3</select>", "", "", "", "", "","", "0"],
 ["|Search <input type=text style='width:80px;height:17px;font:normal 10px Tahoma,Arial;'>  <input type=button value='Go'style='width:30px;height:17px;font:normal 10px Tahoma,Arial;'>", "", "", "", "", "", "", "0"],
 ["|Write Us", "mailto:[email protected]", ""],
 ["|<INPUT TYPE=checkbox CHECKED ID=chk1 onclick='choosebox1()'>Uncheck this check box for some free advice","","","",],
["<img src='img/sep.gif' width=113 height=1>"],

You should also add your own code, so your checkbox will workcorrectly.


Q: In the item window, it says "use Ctrl jey to slect and copy items" But when I try it doesn't work.

I use Ctrl C and Ctrl V


A: To select a group of items you can use Shift and Ctrl keys.

To rename an item click on it and hold a mouse cursor for a second. Or use item parameters window.
To move items select items you want and use a mouse drag'n'drop method.
To copy items select those you want and use a mouse drag'n'drop method holding a Ctrl key.
Also you can use a contextual menu - a right mouse click on the list of items.


Q: I have been working with the trial package for the last couple of days, of which I have been really impressed with. However there have been a couple of things that have frustrated me greatly...

The natural place that I first tried was replacing the "content1" line with a direct URL in the   var bmenuItems section but this made no difference at all. I am also trying to work out what each set of "" equate to as I have found a couple of pages on the Internet very similar to this but none of them have nine different sections.

["Home","content1", "", "", "", "", "1", "", "", ],

Is it possible to allow one of the tabs on this template to just open another page? I look forward to your response in regards to these questions and hope to hear from you again soon so that I can crack on with this project.


A: You can't assign links in Dhtml Tabs when you're using   var tabMode = 0;.
You can assign only the object's ID of <div> on your page.

Try to set   var tabMode = 1;
and use links for your items.


Q: May I can use PHP code in menu items of my dhtml website navigation menu?

A: You may generate a menu from a database or XML using any server-side script, e.g., PHP, ASP, VB, etc.
However, these scripts don't work inside of Javascript .js files, so, you should move parameters of a menu from a .js file into an html-page, e.g.:

<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<!-- (c) 2006, http://deluxe-menu.com -->

<script type="text/javascript" language="JavaScript1.2">
// and describe parameters of a menu
  var parameter1=value1;
  var parameter2=value2;
etc.

  var menuItems = [
// here you generate items using server-side scripts (php, asp, vb, etc.)
];
</script>

The example of the menu working with PHP/MYSQL you can find here:
http://deluxe-menu.com/rq-loading-bar-MySQL-support.html