Free Javascript Vertical Collapse Menu by Deluxe-Menu.com
Free Javascript Vertical Collapse Menu

Template:

Cnet Style Template - Multicolumn Dhtml Menu





    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Submenus go over all page objects
    - Hundreds of pre-designed templates
    - Submenus dropdown on mouseover
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Unlimited number of sub levels
    - Top items and submenus have a shadow
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.




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

Menu Screenshots

Free Javascript Vertical Collapse Menu Dhtml Tuner

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

Features

Cost Effective
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!
Windows Style Menu Javascript Free Javascript Vertical Collapse Menu
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
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed free javascript vertical collapse menu 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
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Sub menus dropdown over all the objects on the page (select, applet, flash, object, embed). If for some reasons (old browser) a submenu can't go over an object, the object will be hidden for a time when the submenu is shown.
  • Design personal styles for any submenu and item. Use individual styles to rich killer visual effects!
  • These effects will make your menu neat and chic. You can set transparency, cast a shadow on the menu and submenus. Among available special visual effects there are random dissolve, fade, mix, mosaic slide out and many many others.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I’d like to know how to populate the navigation bar menu from a database?


A: Please, see the example of .php file.The content of .php file depends on your database structure.

<?php

// The example for PHP/MySQL.
// MySQL database has the table "menuTable" that contains data for menu items.
// The table has the following fields:
// 1. "text" - item text
// 2. "link" - item link
// 3. "icon1" - item icon (normal state)
// 4. "icon2" - item icon (mouseover state)
function getMenuItems()
{
$jsItems = '';

// Select all records from table "menuTable"
$allItems = mysql_query('SELECT * FROM menuTable;');

// Extract items data from database and build Javascript code for menuItems
while ($itemData=mysql_fetch_array($allItems))
{
$jsItems .= '["'.$itemData['text'].'", "'.$itemData['link'].'", "'.$itemData['icon1'].'", "'.$itemData['icon2'].'"],';
}

// Return Javascript code
return $jsItems;
}


?>

<script>
  var menuParam1 = value1;
  var menuParam2 = value2;
  var menuParam2 = value2;
...

  var menuItems = [

// Write Javascript code for menu items
echo getMenuItems();

?>

];
</script>

Q: I must open a popup with javascript drop down menu, the fact 800X600 popup?

Some links are simple and others are in popup

A: You can open link in the following way:

You can write your own functions within menuItems, for example:

 ["|MYPAGE","javascript:window.open('http://www.domain.org/mypage.html','_blank','height=600,width=800, status=yes,toolbar=no,menubar=no,location=no');",,,'' ,'' , '', '', ,],



Q: I am designing a tree menu. I want the text blue on a transparent background. What parameter do I change to set the transparent background in expanding dhtml menu?


A: You should set the following parameters:

  var tmenuBackColor="transparent";
  var titemBackColor=["transparent","#D5E8FF"];


Q: I've purchased the mac style tabs. I've spent countless hours trying to get it to work, no luck so far. I've gotten jscript tabs to look okay on page, but links between pages do not work. I've even gotten them to work, but they were simple text menu's; not jscript tabs. But I haven't gotten the tabbed menu to work. Checked and tripled cheeked the instructions, still no luck.
I've uploaded the files to a test server.

There are four files cameron,carl,grace, and chantel; these are simple identical two column pages to test the links between tabs. NO LUCK. I'm about to give up on your program, can you please help.

A: You're using
  var tabMode=0;
now. That means that you should use content DIV's ID instead of thelink.
If you want to open links you should write links in the following way:

["Cameron","link:cameron.html", "", "", "", "", "", "", "", ],
["Grace","link:grace.html", "", "", "", "", "", "", "", ],
["Carl","link:carl.html", "", "", "", "", "", "", "", ],
["Chantel","link:chantel.html", "", "", "", "", "", "", "", ],

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