Javascript Float Side Bar by Deluxe-Menu.com
Javascript Float Side Bar

Menu Screenshots

Javascript Float Side Bar Popup Menu With Javascript Source Code

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript float side bar 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 javascript float side bar samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Javascript Vertical Expandable Menu Javascript Float Side Bar
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
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Submenus drop down over all the objects of the page (select, flash, object, embed, applet). If for some reasons a submenu can't drop down over an object, the latter will be hidden for a time when the submenu is shown.
  • These effects will make your menu more attractive and stylish. You can cast a shadow on the menu and submenus, set transparency. Among available transitional effects there are such as fade, mosaic, random dissolve, slide out and many others.
  • Create individual styles and assign them to any submenu and item. Use individual styles to achieve stunning effects!

Recent Questions

Q: I am using your product for a website. It seems that I am getting a Javascript error, particularly when accessing any of thedropdown menus. The details of this error message reference either"line 1" or "line 8".
Char= ...
Error= Object expected
Code=0
URL= (whatever page that I am on).

Please let me know what the issue is asap as my client is anxiousto go live with this and needs to be resolved!!!!!


A: You should check your dmWorkPath parameter. You should write itcorrectly.
You should also check that you copy all dmenu_xx.js files in the samefolder with dmenu.js file.

Please, set also the following parameter:
  var itemBorderWidth="0";

This parameter cannot be empty.


Q: I am trying to create a tab menu and I have some questions. I want a tab menu that has four tabs. Each tab is a different image, the normal and hover state uses the same image and the selected state uses a different image. This will be applied to all four tabs. All the tabs will not have any text on them because the image will already have text on it. This tab menu will not have a submenu but will use <div id> tags to populate information when a certain javascript menu master tab is selected.

I am having difficulty trying to create this type of tab menu to work with the Deluxe Tuner. Each time I try to make an image as a tab that image is applied to all javascript menu master tabs which I do not want. I want each tab to have a different image.

Please advice how I can do this.

A: If you want to use different images you should use Individual ItemStyles and assign them for your tabs.

  var bstyles = [
["bitemBackImage=deluxe-tabs.files/style04_n_back.gif,deluxe-tabs.files/style04_s_back.gif, deluxe-tabs.files/style04_s_back.gif","bbeforeItemImage=deluxe-tabs.files/style04_n_left.gif, deluxe-tabs.files/style04_s_left.gif,deluxe-tabs.files/style04_s_left.gif", "bafterItemImage=deluxe-tabs.files/style04_n_right.gif, deluxe-tabs.files/style04_s_right.gif,deluxe-tabs.files/style04_s_right.gif"],

["bitemBackImage=deluxe-tabs.files/style04_2_n_back.gif,deluxe-tabs.files/style04_2_s_back.gif, deluxe-tabs.files/style04_2_s_back.gif","bbeforeItemImage=deluxe-tabs.files/style04_2_n_left.gif, deluxe-tabs.files/style04_2_s_left.gif,deluxe-tabs.files/style04_2_s_left.gif", "bafterItemImage=deluxe-tabs.files/style04_2_n_right.gif, deluxe-tabs.files/style04_2_s_right.gif,deluxe-tabs.files/style04_2_s_right.gif"],

["bitemBackImage=deluxe-tabs.files/style04_3_n_back.gif,deluxe-tabs.files/style04_3_s_back.gif, deluxe-tabs.files/style04_3_s_back.gif","bbeforeItemImage=deluxe-tabs.files/style04_3_n_left.gif, deluxe-tabs.files/style04_3_s_left.gif,deluxe-tabs.files/style04_3_s_left.gif", "bafterItemImage=deluxe-tabs.files/style04_3_n_right.gif, deluxe-tabs.files/style04_3_s_right.gif,deluxe-tabs.files/style04_3_s_right.gif"],
];

  var bmenuItems = [

["Item 1","", "", "", "", "", "0", "", "", ], //style1
["Item 2","", "", "", "", "", "1", "", "", ], //style2
["Item 3","", "", "", "", "", "2", "", "", ], //style3
];



Q: Does Delux Menu/Tree/bar Tabs work on a Mac? can't seem to get it to work... normally am PC person.

A: To create your menu on MAC you can use HTML version of Deluxe Tuner (for MAC OS). You can find it here:http://deluxe-menu.com/deluxe-tuner-info.html

Unfortunately we don't have html version of the Tuner for Deluxe Treeand Deluxe Tabs now. We'll try to create it in the nearest future.

All Deluxe products work fine in all Safari browsers.


Q: I am trying to get my text within a single menu item to have text on two lines as opposed to be all on one line.
For example, I currently have CumberlandHeadElementary School all on one line of a menu. I would like to have Cumberland Head on one line and Elementary School on a line below Cumberland Head. Hope this makes some sense.
Thanks for your help.


A: Try to set this parameter:

  var noWrap=0;

If it is not suitable for you, try to use <br> tags in the item text, for example:

  var menuItems = [
["please, select the color you<br>prefer for the background
of<br>the image of the photo of your son",,,],
];