Css Collapse Vertical Menu by Deluxe-Menu.com
Css Collapse Vertical Menu

Template:

Space Menu Template - Simple Dropdown Menu






    - Items with icons
    - Unlimited number of sub levels
    - Several menus on one page
    - Search feature - add the search area in the menu and type symbols.
    - Image arrows
    - Horizontal or vertical orientation
    - Hundreds of pre-designed templates
    - UL/LI items structure




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

Menu Screenshots

Css Collapse Vertical Menu Javascript Cascading Menu With Arrows

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

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed css collapse vertical menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Easy Setup
  • De Luxe Tuner. GUI interface to create your css collapse vertical menu menus easily and in no time
  • Sensible menu parameters for manual editing
Xp Style Web Design Css Collapse Vertical Menu
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!
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



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I have spanish characters that are not showing up in my menus correctly.
My array has this:

 ["|México","#", "", "", , , "7", , ],
buy in the drop downs it appears as M?xico

I read in the FAQ about displaying Norwegian characters
(http://deluxe-menu.com/rq-javascript-menu-drop-down-Norwegian-characters-support.html)
so I tried this:


but that did nothing.
I have the charset on the page set properly and the letters appear properly everyone else, only incorrect in the menus.

A: You should write your Spanish characters in the following way:

 ["|México","#", "", "", , , "7", , ],

Try that.



Q: The pop-up windows are loading as the page loads, as well as when you click the appropriate object.
How can we prevent the pre-loading of html popups so that they only load onclick?

A: In that case you shouldn't set openAfter and closeAfter parameters.

So, you'll have:

deluxePopupWindow.attachToEvent(win,',,,,,')
or
deluxePopupWindow.attachToEvent(win,'openAfter=,closeAfter=,,,,')

See the following example:
http://deluxepopupwindow.com/html-popup-dialog-vista-graphite.html


Q: I need to work it with PHP/MySQL. I have found some information on it in your Support section, but have problems to understand and wonder if you have more information or a working sample of the loading bar with PHP/ MySQL.

A: Info about generating menu (menu items )from a database, please, see:

http://deluxe-menu.com/generate-menu-from-database-xml-php-asp-vb-support.html
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 = [

<?php

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

?>

];

</script>



Q: I appreciated your prompt response.  However, if I set the exact height for easy tabs content, certain tab's content will not show up fully.  We need to have every tab has different height in this site.  Do you know why IE 7 doesn't behavior properly but IE 6 does?  Can you provide a work around for me ASAP?

A: In that case you should delete height parameter at all from yourstyles.

<div id="content1" style="visibility: hidden;" class="tabPage">

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