Oscommerce Javascript Menu by Deluxe-Menu.com
Oscommerce Javascript Menu

Menu Screenshots

Oscommerce Javascript Menu Javascript Code Menu

Features

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!
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
Navigation Menu Vertical Oscommerce Javascript 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
Easy Setup
  • De Luxe Tuner. GUI interface to create your oscommerce javascript menu menus easily and in no time
  • Sensible menu parameters for manual editing
Cost Effective



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.

Recent Questions

Q: I have been using the trial deluxe menu with the deluxe tuner tocreate a menu and have run into a problem.

The menu is based on the following template:

Vista Styles (Part 2) Vista Style 1.

When I saved the menu file to put into an html file I followedthe instructions on the screen to save all the files to the folderwhere I wanted the menu to appear in an html., and then followedthe instructions to paste the menu into the html file where Iwanted the menu to appear.

It is not working. It seems as though something is left out ofthe code, or perhaps not all the necessary files are being copied.The menu appears perfectly in the deluxe tuner preview screen, butnot when I try to save it and use it elsewhere.

I have included all the files, including the instructions thatcame up when I saved the menu, in the attached zip file and wonderif you might take a look at it and tell me what I am doing wrong and/or leaving out.

Can you help?


A: Your menu works fine.
But you should paste
btn_blue2.gif
btn_blue.gif
into "data-NINnew.files" folder.


Q: I now have a tree on the left and an embedded frame on the right. When a user clicks a node, the corresponding html page appears in the frame.

Is there a method I can use when a user clicks a node, the web page will jump to a certain location in the page (menu dhtml hhyperlink)? I'm envisioning using one long web page instead of 30 or 40 separate pages. But I would need the program to work with a hyperlink to know where to jump to.

A: See the structure of tmenuItems array:

  var tmenuItems = [
[text, link, iconNormal, iconOver, iconExpanded, tip, target, itemStyleInd, itemXPStyleInd, jsFilename],

You can set link and target menu dhtml parameters for each item individually,for example:

  var tmenuItems = [
["Home","files/homepage.html","","","","Home","topframe","","",""],
["Contacts","files/contacts.html","","","","Contacts","bottomframe","","",""],

You can also send us the example, so we can understand your problem.



Q: I have another question:

Menu behavior in SAFARI is does not properly work compared to EXPLORER.

If you have a look at the site via SAFARI, please do the following:

Example:
Under menu "Projets" select "par pays" then "Afrique" then "Algerie".

It will then show a left hand menu. Please select "2008/2010".

It will correctly show content.

Then if you try to select again via menu "Projets"; the html menu navigation does not show anymore the submenus. You still need to click a menu without submenus, like "News", and then afterwards you can click "Projets" and the system will again show submenus.

This strange behaviour does not appear in EXPLORER nor in FIREFOX.

A: The problem is in your frame structure after you open "Projets" select "par pays" then "Afrique" then "Algerie".

Your menu won't work correctly with such frame structure.

You should use the following frame structure for all pages at once:

--------------------------------------------------------
topFrame with the html menu navigation
--------------------------------------------------------
Algerie_leftFrame |
with | Algerie_mainFrame
Tree Menu |
--------------------------------------------------------
bottomFrame
--------------------------------------------------------

and write your init function in the following way:
dm_initFrame("frmSet", 0, 2, 0);

Or you shouldn't use Algerie_leftFrame and Algerie_mainFrame at all (use one mainFrame) and write your init function in the following way:
dm_initFrame("frmSet", 0, 1, 0);


Q: Hi, I was wondering if there is a way to leave a main navigation item highlighted when in that section.  For example if I clicked on "Contact Us" and when I am on the contact us page, the "Contact us" navigation would still be highlighted.  I appreciate any help you might have, thanks!


A: The menu has only two states normal and mouseover. We'll try to add the pressed state in the future.

You can set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.You can't get this ID after you reload your page. That is why you should write your own code on PHP.