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

Menu Screenshots

Javascript External Side Bar Menu Drop Down Menu On Mouse Over

Features

Cost Effective
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
Cascade Menu Horizontal Javascript External Side Bar Menu
Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript external side bar menu 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 external side bar 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

Javascript Menu. DHTML Menu.

  • You can set the size of the menu in pixels, percent or other units. The menu may have an absolute or relative position (it can be inserted into the table).
  • Use any necessary font of any color, size and font decoration. Create any available type, thickness and color of a menu's frame.Choose any color for backgrounds of submenus and items.
  • Specify various values for padding and spacing for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.

Recent Questions

Q: 1) Can any HTML be inserted in to the text?

2) As the item has no link, how can I prevent the item being highlighted on mouseover?


A: 1) Yes, you can insert any html code within menuItems, for example:

 ["|You can place <b>any HTML code</b><br> to item, for example <u>image</u>:<br><img src=img/logo.gif>","testlink.html"],
 ["|Index  <select style='width:120px;height:17px;font:normal 10px Tahoma,Arial;'><option>Section 1<option>Section 2<option>Section 3</select>", "", "", "", "", "", "", ""],
 ["|Search <input type=text style='width:80px;height:17px;font:normal 10px Tahoma,Arial;'>  <input type=button value='Go' style='width:30px;height:17px;font:normal 10px Tahoma,Arial;'>", "", "", "", "", "", "", "0"],
 ["|Write Us", "mailto:[email protected]", ""],

2) Yes, you can do it.

You should create Individual Style for it.

For example:
  var itemStyles = [
["itemBackColor=#FCEEB0,#FCEEB0","itemBorderColor=,#FCEEB0","fontColor=,#000000"], //style0
];

["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", , , "0", , , ], //style0


Q: Greetings..... I am new to java script and would like to have a drop down menu that I can use with frames....
I downloaded your program and have created a small menu to try to become familiar with the program and see if I can accomplish getting a menu to display on a new page...... I am currently using Page Mill.

When I created the menus, I saved them as TstBuy and it was saved in the Deluxe-menu folder.

Having read a number of your information displays plus lacking the knowledge of what files and where to place them, I would appreciate any information you can offer as to what files to place in the main Page Mill folder if that is where they go??

As for the data I created (TstBuy), I thought that I would be able to copy and paste that file into the Page Mill page within a text box, but the paste feature was not available...

Thanks for any assistance you can offer..


A: Thanks for your interest in our products.
Deluxe Menu wasn't developed as Page Mill/Dreamweaver/Frontpage extension,BUT you can use it as standard Javascript files.

You can try to export your menu into html page using Deluxe Tunerapplication and then copy the code from the generated html page into your html page.You should click in Deluxe Tuner "File/Export/To HTML". You'll getsuch files:

deluxe-menu.files/
     image_files.gif
     dmenu.js
     dmenu4.js
     dmenu_add.js
     dmenu_dyn.js
     dmenu_key.js
     dmenu_cf.js
     dmenu_popup.js
     dmenu_ajax.js
data-deluxe-menu.js
deluxe-menu.html

There is no need to use all files from the "deluxe-menu.files/"folder.
The description of files you can find here:

http://deluxe-menu.com/description-of-files-info.html

You can delete all files which are not necessary for you.

To install the menu into your html page:

1. open the page in Page Mill/Dreamweaver/Frontpage
2. open html source code of the page (deluxe-menu.html)
3. add several rows of code (<script> tags), For info see:
http://deluxe-menu.com/installation-info.html

You should also copy "deluxe-menu.files/" folder, all image files anddata-deluxe-menu.js in the same folder with your html page.

For example, you'll have such structure:

deluxe-menu.files/
     image_files.gif
     dmenu.js
     dmenu_add.js
data-deluxe-menu.js
your_html_page_from_Page_Mill.html

That's all.


Q: Does your drop down menu creator work in Expression Web?

A: Deluxe Menu wasn't developed as Dreamweaver/Frontpage/Microsoft Expression Web extension,
BUT you can use it as standard Javascript files.
To install the menuinto your html page:

1. open the page in your program
2. open html source code of the page
3. add several rows of code (<script> tags).

For info see: http://deluxe-menu.com/installation-info.html

That's all.

Q: Hello, Could you please help me with an alignnment issue with my website. If you go to mt website you will see the problem. I set the x alignment to=266 but the y alignment is left blank because I would like to keep the menu centered on the site.


A: If you want to center the menu paste itwithin the <div> or <table> with a static position and specify a center alignment for it, for example:

<DIV align=center>
<SCRIPT src="data/data.js" type=text/javascript>
</SCRIPT>
</DIV>
Please, set exact value for   var menuWidth parameter, for example:

  var menuWidth = "300px";
This can help to align your menu correctly in all browsers.
Try also to specify units in "px".
Set also:
  var absolutePos = 0;

Try that.