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

Template:

Green Tabs Template - Mouseover Drop Down Menu






    - UL/LI items structure
    - Submenus dropdown on mouseover
    - Personal CSS styles for separate menu elements
    - Hundreds of pre-designed templates
    - Image arrows
    - Unlimited number of sub levels
    - Relative/Absolute menu position
    - Top items and submenus have a shadow




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 Sample C Code For Menus

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

Features

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
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!
Javascript Drag And Drop Javascript Sliding Sidebar 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
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
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.

  • Good menu is an essential part of website commercial success. If people can't find their way around the site, they will fast give up seeking and retire, never to return. So, it's extreme serious that your website has a accurate, precise, prompt, and navigation of immaculate appearance.
    Don't let your web site guests to get lost. Try Deluxe Menu!

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

Recent Questions

Q: I'm wondering if you can use the Link Item of the Deluxe Menu to have ASP code, similar to yoru FAQ below, only replacing the Javascript with ASP?

Q: I want to use Javascript instead of usual links for menu items. How can I do that? A: To do that you should add a function word "javascript" in the URL field of an item, e.g.:

  var menuItems = [
[text, "javascript:alert('Hello, world!')", icon1, icon2],
];


A: Thanks for your interest in our products.

You can use any server-side script, e.g., PHP, ASP, VB, etc.

You can find the example with PHP here:

http://deluxe-menu.com/generate-menu-from-database-xml-php-asp-vb-support.html
http://deluxe-menu.com/rq-loading-bar-MySQL-support.html


Q: Now I wonder what I have to do in my script to make dhtml sub menu be displayed horizontal instead of vertical. I want them to display vertical be left - aligned and be shown by a white Background. How can I achieve this?


A: You should set the following parameters:

  var smColumns=0;
  var smOrientation=1; //horizontal orientation of submenus

set white backcolor for submenus
["itemWidth=60px","itemBackColor=#FFFFFF,#FFFFFF","itemBorderWidth=0","itemBorderStyle=none,",
"itemBorderColor=#FFFFFF,", "fontColor=#404040,#404040","fontDecoration=none,underline"],


Q: I do have issues. There are not the problems when you are on the home page (you can click on one of the dropdown submenus and go there.
However, when you try to go to another page from there to another page on a nother drop down, nothing happens except javascript erros. The dropdowns physical work, in that they drop down, but the links don't go anywhere. Does that make sense.


A: See, the problem was in your dmWorkPath parameter

On all pages placed in the subfolder you should write it in thefollowing way:

<script type="text/javascript">  var dmWorkPath = "../ifnav.files/";</script>

Please, correct it.

You should also use additional parameters to make menu paths absolute:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://www.infocusnet.org/design/";

These parameters allow to make images and links paths absolute.
For example:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://www.infocusnet.org/design/";

  var menuItems = [
["text", "index.html", "icon1.gif", "icon2.gif"],
];

So, link path will be look so:
http://domain.com/pages/index.html

Images paths will be look so:
http://domain.com/images/icon1.gif

Please, use pathPrefix_link parameter.


Q: Why when an image is added to the parent javascript layer menu (bar) breaks in two...

I just purchased it today.

A: See images in Vista Templates have the fixed width and height (92 x 21).

If you want to change items' width/height you should change images.

btn_cyan.gif
btn_cyan2.gif

You can do it in any graph editor, for example in Adobe PhotoShop.

You should also change items width in your Individual Item Style.

  var itemStyles = [
["itemWidth=92px","itemBorderWidth=0","fontStyle=normal 11px
Tahoma","fontColor=#FFFFFF,#FFFFFF","itemBackImage=btn_cyan.gif,btn_cyan2.gif"],
];

You can do it in Deluxe Tuner.



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