Vertical Menu Css Sliding Panels by Deluxe-Menu.com
Vertical Menu Css Sliding Panels

Menu Screenshots

Vertical Menu Css Sliding Panels Cascading Javascript

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
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
Fly Out Menus Example Vertical Menu Css Sliding Panels
Easy Setup
  • De Luxe Tuner. GUI interface to create your vertical menu css sliding panels menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed vertical menu css sliding panels 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!



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Use images for backgrounds of submenus and items, icons, arrows. Using web images you can create menus completely based on graphics.
  • Design both horizontal and vertical menus and submenus with any amount of menus on a single page.
  • Place any HTML code inside the menu item - be it a flash-object, form, picture, or text. This ability lets you to build various menus of any complexity.
  • Submenus can be shown in 4 ways: - From left to right and also from left to right + upwards. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).

Recent Questions

Q: 1: For the deluxe-menu, can I keep a submenu shown even when my mouse pointer is NOT over the submenu anymore (besides the delay functions?) and hides only after a mouseclick somewhere (like the Microsoft menu of outlook)?

2: Is there a way to use the smartscrolling function (for a vertical menu) on the MAIN menu instead of only for the submenu's?


A: 1) Unfortunately, you can't do it.
You can use Deluxe Tree,
http://deluxe-tree.com

2) Yes, you can't use scrolling in the main menu. But if you have verylarge menu you can use multilevel menu,
http://deluxe-menu.com/multilevel-menu-sample.html

Theoretically we can do scrolling in the main menu, but we think that it will be better touse multilevel menu in that case.


Q: I cannot see subitems of my down menu navigation on the website. Could you help me?


A: Now you have

  var smHeight="0px";

It is not correct.
Try to set:
  var smHeight="";


Q: It appears that this product only supports IE (on the PC and Mac). It does not support Safari or Netscape on any platform. Is that correct?

I ask because I like the product and would like to purchase the developer\'s license but our users represent a wide range of platforms and browsers.


A: DHTML products support a major part of modern browsers:

IE 5+
Opera 5+
Mozilla/Firefox
NS 6+

Also they support MAC browsers: Safari, IE, Firefox.
But DHTML Menu has some problems on this browsers with a submenuspositioning in some cases.

If you can't see Tree Menu in Firefox you should set these parameters:

Try to specify units in "px".
  var tmenuWidth = "280px";
It's necessary to specify exact value for Mozilla browsers. It helpsto position menus correctly.

You should set this parameter:
  var tmenuHeight = "auto";


Q: Two more questions, while waiting for this answer:

1) calendarDatePicker.handlers( ['dtEvent', 'dtEvent', {type : 'datetime', format:'%L %d, %Y, %l:%M %p', locale:'en'}] ); is ignoring the date format.
2) If I have a button that in an onclick I want to popup calendar, how would I do that?
3) I am getting 'incorrect copyright', suggestions?

Thank you, I have people waiting for me to bring this site live - your fast help is appreciated

A: >I am getting 'incorrect copyright', suggestions?

You should write NOSCRIPT tag in the following way:
<noscript><a href="http://calendardatepicker.com">Javascript Calendar Date Picker by calendardatepicker.com</a></noscript>

> 1) calendarDatePicker.handlers( ['dtEvent', 'dtEvent', {type : 'datetime',
> format:'%L %d, %Y, %l:%M %p', locale:'en'}] ); is ignoring the date format.
> 2) If I have a button that in an onclick I want to popup the calendar, how
> would I do that?
You should install the calendar in the following way:
<form>
<script>
window.onload = function(){
calendarDatePicker.handlers(['cal', 'txt', {type : 'datetime', IiI:'%L %d, %Y, %l:%M %p', locale:'en'}]);
};
</script>
<input type="button" value="Click to open calendar" id="cal" name="cal" onClick="">
<input type="text" id="txt" value="">
<div id="test-box" style="width:40px;height:40px;position:absolute;left:200px;top:10px;"></div>
</form>