Oscommerce Ajax Menu by Deluxe-Menu.com
Oscommerce Ajax Menu

Menu Screenshots

Oscommerce Ajax Menu Vertical Menu Scripts

Features

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 oscommerce ajax menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Slide Down Menus Javascript Oscommerce Ajax Menu
Easy Setup
  • De Luxe Tuner. GUI interface to create your oscommerce ajax 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!
Cost Effective



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: I'd really appreciate any info on how I can create dhtml menu on Mac..


A: Unfortunately we don't have step by step tutorial now.
We'll try tocreate it in the nearest time.

HTML version of Deluxe Tuner (MAC version) can be downloaded
http://deluxe-menu.com/deluxe-tuner-info.html

1. Create your menu in Deluxe Tuner application.
You can create any menu as you like in Deluxe Tuner.

You can use ready to use templates. I'm sending you package with all
templates. Just open data file in Deluxe Tuner.

Add items and subitems using buttons "Add Item" and "Add Subitem" onthe main window.
You should set items and subitems parameters on the "Item Parameters"window.
See also other parameters for the menu on the main window.

More info about menu parameters you can find on our site
(you can alsouse local version of the site which you can find in the
trial package"Deluxe Menu / deluxe-menu.com /")

http://deluxe-menu.com/parameters-info.html
http://deluxe-menu.com/menu-items-info.html

You can also use Individual Styles for items and subitems:

http://deluxe-menu.com/individual-item-styles-info.html
http://deluxe-menu.com/individual-submenu-styles-info.html

2. You should install the menu on your page.

Add several rows into your html page.

<head>
...
<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath="deluxe-menu.files/";</script>
<script type="text/javascript" src="deluxe-menu.files/dmenu.js"></script>
<script type="text/javascript" src="data-deluxe-menu.js"></script>
//data-deluxe-menu.js - data file created in Deluxe Tuner.
...
</head>

<body>
...
<table>
<tr><td><script type="text/javascript" src="deluxe-menu.files/data.js"></script></td></tr>
</table>
...
</body>

You should also copy all engine files
dmenu.js
dmenu4.js
dmenu_add.js
dmenu_dyn.js
dmenu_key.js
dmenu_cf.js
dmenu_popup.js
dmenu_ajax.js
into "deluxe-menu.files/" folder.
You should place this folder in thesame folder with your index. html page.Try that.


Q: Everything is working quite well -- with the following exception:

I added a button.gif file to my item, hoping that the graphic would appear rather than just a colored cell. (Yes, I did upload the button.gif file to the .files folder.)

My work looks great in the preview window, but still shows the colored cells in my web page (www.misyssbm.com/buy/index.php left side menu). My text changes show up on the web page, so I know it was updated.

Any ideas (note I have two deluxe menus)?


A: You should check all your images paths.
You should also upload these files on your server in"side_menu.files/" folder.
I've tried to download "side_menu.files/btn_navy.gif" but I can't doit.
Please, check it.


Q: Now I need to work out how to add multiple java menu examples to a page? Are you able to reference these separately - is this possible.

A: You can add as many java menu examples as you want on the one page.

You should call

<SCRIPT type=text/javascript>  var dmWorkPath = "data.files/";</SCRIPT>

<SCRIPT src="data.files/dmenu.js" type=text/javascript></SCRIPT>

and then call your data files:

<SCRIPT src="data.files/data1.js" type=text/javascript></SCRIPT>

<SCRIPT src="data.files/data2.js" type=text/javascript></SCRIPT>

<SCRIPT src="data.files/data3.js" type=text/javascript></SCRIPT>

<SCRIPT src="data.files/data4.js" type=text/javascript></SCRIPT>



Q: I am unable to see any separators when working with Deluxe Menu. I’ve looked at other templates and don’t see where they are implemented. Am I missing something? Thanks!


A: Please, see the following parameters:

//------- Separators -------
//--- Separators
  var separatorImage="";
  var separatorWidth="5";
  var separatorHeight="100%";
  var separatorAlignment="right";
  var separatorVImage="images/public/separator.gif";
  var separatorVWidth="3";
  var separatorVHeight="100%";
  var separatorPadding="";

You should set a separator in the menuItems, for example:

  var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],

];

Try that.