Javascript Sliding Sidebar Menu by Deluxe-Menu.com
Javascript Sliding Sidebar Menu

Template:

Yahoo Style Template - Transparent Drop Down Menu







    - Personal CSS styles for separate menu elements
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Sound support!
    - Relative/Absolute menu position
    - Horizontal or vertical orientation
    - Image arrows
    - Submenus go over all page objects




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

Menu Screenshots

Javascript Sliding Sidebar Menu Dhtml And Frames Menu Code

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

Features

Cost Effective
Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript sliding sidebar menu menus easily and in no time
  • Sensible menu parameters for manual editing
Javascript Dropdown Navbar Javascript Sliding Sidebar Menu
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 javascript sliding sidebar menu 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
Buy Now!   ::  Free Trial Download   ::  More Info

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.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Do you have a template example of creating menu javascripts using data stored in a database?


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

Q: I am currently having a look at the use of your drop down menu and was wondering if there was an option to make all of the top menu links the same size?
At current It looks like it is on a percentage increase related to the amount of text, can I change this to a fixed value no matter the text amount?

A: You can use Individual Item Style.

Use that parameter:

  var itemWidth=100px

Width of an item (px, % or other units).

For example:

  var itemStyles = [

["itemWidth=150"], // style 0
];

  var menuItems = [

["Home", "index.html", "myicon1.gif", "myicon2.gif", "Home Page Tip", "_self", "0"], // assign style 0
["About", "about.html", "myicon3.gif", "myicon4.gif", "About Us Tip", "_self", "0"], // assign style 0
];


Q: I'm having an issue with horizontal alignment of Deluxe Menu.
The alighment is off to the right in Firefox... How can I correct the alignment of Deluxe Menu in FireFox?

A: Please, see dropdown menu parameters. They contains:

  var menuWidth="0";

Please, set exact value for this parameter, for example:

  var menuWidth="400px";

It's necessary to specify exact value for Mozilla browsers.
It helps to position Deluxe menu correctly.


Q: When I select something from one of the mouseover menus it takes me to a link on a website,
is it possible to run a javascript instead?

A: Actually you can use your own Javascript code instead standard links and html code inside item text.
For example:

  var bmenuItems = [
["text", "javascript:your_code_here"]
];

or

  var bmenuitems = [
["<div onClick='urlSubstitution(\'transco/sheet.asp?stype=1\')'>Table of Contents</div>", ""]
];
Buy Now!   ::  Free Trial Download   ::  More Info