Jquery Css Collapsible Vertical Menu by Deluxe-Menu.com
Jquery Css Collapsible Vertical Menu

Menu Screenshots

Jquery Css Collapsible Vertical Menu Xp Style Toolbar Javascript

Features

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
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
Collapsing Menu Tutorial Jquery Css Collapsible Vertical Menu
Easy Setup
  • De Luxe Tuner. GUI interface to create your jquery css collapsible vertical menu menus easily and in no time
  • Sensible menu parameters for manual editing
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 jquery css collapsible vertical 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

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.

Recent Questions

Q: Can I use an Item in the html menu for text and get the text to wrap within a predefined menuWidth ?

A: You should set the following parameter:

  var noWrap = 0;

or use <br> tags within menuItems.

Q: Will the .js file dhtml menu script still be obfuscated with the purchased version of Deluxe Menu?

I'll need to tweak the final script to create the menus I want so this would make a big difference in my decision to purchase.

A: See in Single Website License, Multiple Website License and DeveloperLicense our source code is obfuscated.
And in Developer License with Javascript Source Code you can see thecode and change it.

We support all our customers.
But we DO NOT provide technical support for modified source code.


Q: The problem I am having is specfically on the home page. The Navigation dhtml horizontal menu is at the top of the page. There are also Flash documents on this page only. When you go to the dhtml horizontal menu and select and option that has Sub-Items and position your mouse over those items, when the menu expands to show all of the text, it is cut off on theright side, this only occurres when there is a flash document behind the menu. All of the other pages work fine.

Do you have any idea why this occurrs? I have tried several things to fix this, but no luck. Is there a fix for this?

A: Try to set exact width for your sub menus. You can do it usingIndividual Submenu style:

  var menuStylesNames=["Top Menu","width1","width2",];
  var menuStyles = [
["menuBackColor=transparent","menuBorderWidth=0","itemSpacing=0","itemPadding=5px 6px 5px 6px"],
["smWidth=100px"],
["smWidth=210px"],
];

 ["|Modifieds ","mods.html", "", "", "", "_parent", "", "1", "", "", "", ],

 ["|Amateur Winter Race Bonnanza","http://triovalspeedway.vflyer.com/1/index.html", "", "", "", "", "", "2", "", "", "", ],



Q: How I can write the changed dhtml pull down menu into a database?

A: Unfortunately, we don't have such example.

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 Tree -->
<noscript><a href="http://deluxe-tree.com">Javascript Tree Menu by Deluxe-Tree.com</a></noscript>
<script type="text/javascript" src="menudir/dtree.js"></script>
<!-- (c) 2006, http://deluxe-tree.com -->

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

  var tmenuItems = [
// 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

This example is not for Deluxe Tree menu, but you can create your menu in the same way.