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

Template:

Blue-Orange Menu Template - Horizontal Css Menu






    - Unlimited number of sub levels
    - Cross-frame support - menus work on frameset-based pages
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Submenus go over all page objects
    - Relative/Absolute menu position
    - Transition #14 - "fade out" effect
    - Search feature - add the search area in the menu and type symbols.
    - Horizontal or vertical orientation




2 0 Navigation Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  Blog   ::  More Info

Menu Screenshots

Oscommerce Javascript Menu Html Menu Javascript Mouseover

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

Features

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 oscommerce javascript menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Create A Html Jump Menu Oscommerce Javascript Menu
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
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
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



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Use a mouse to move a menu as a usual window. Also you can create the menu where each submenu can be "separated" from the menu (MS Office toolbar-like mode).
  • When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes.
  • There can be multilevel menus - create as many rows of the menu as necessary. Any submenu in its turn can include different number of columns.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: What I mean is I still want the destination page to be static inthe   var menuitems but when the javascript side menu item is clicked, it'll run a js on the onclick or mouseup event.

Is this possible?

something like:

  var menuItems = [
["text", "home", "javascript:onclick=your_code_here"]
];

A: You can achieve this by using standard html objects within javascript side menu items, for example:

  var menuitems = [
["<div onContextMenu='your_code_here'>item text</div>", ""]
];

Actually you can use any html code within menuItems.



Q: I want to change the background color of one of the menu items of the menu horizontal.If I understand correctly I go to INDIVIDUAL STYLES and should be able tochange the background color for one of the menu items there. Under item appearance I tried to change itemBackColor - but I can't seem to make it take affect (I tried clicking OK but its under the Style Names, so thats probably not it.

Please advise.

A: You should click "Edit Individual Styles" button.

On the 'Item Styles' tab click "Add style" button.

Set itemBackColor and click "OK" button.

Select the item you want to change the style for and assign new style for it. Go to Item Parameters window 'Item style' field.

  var itemStyles = [
["itemBackColor=#EB2999,#590937"], //style0
];

  var menuItems = [
["Home","testlink.html", "", "", "", "", "", "", "", "", "", ],
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", "", "", "0", "", "", "", "", ], //style0



Q: Can you tell me the difference between a target and a link.

Also can you explain what self, blank, top, parent, search and custom mean in the javascript menu table please.

A: Link is the url you want to open when you click on the javascript menu table item.

Target controls where you'll open your link:
"_self" - open link in the same window
"_blank" - open link in the new window
"_parent" - will load the linked document where the inner frameset file had been
"_top" - loads the linked document in the topmost frame
custom - you should write here the name of the frame where you want to
open the linked document, for example:
"framename"
"_search" - this target causes the link to load in the browser's Search pane. (Internet Explorer 5.0 and later.)

You can find more info here:
http://www.htmlcodetutorial.com/linking/_A_TARGET.html



Q: You will see I got the first level looking amazing.. this is exactly what I wanted. The interesting thing I figured out was not to use the item border.. this was messing things up. You may notice that when each item highlights.. there is a 1px white line at the separators.. but this is not produced with the item border, but rather from the separator itself which I made in two 1 pixel lines, one blue, on white.. this created that effect.

So now my only problem left is to figure out how to bring this look into the submenus. I was thinking it would be nice to use the separators in the same way throughout the submenus. There does not however seem to be a way to do this. When I tried inserting a separator into a submenu.. nothing happened... I am probably doing this wrong.

Can you please show me how to create the same look I have in the first level in the submenus.. this would be helpful.

I must say, this menu is finally starting to look the way I originally envisioned it. I am very happy. =o)

Thank you so much for all the help you have given me.


A: To add separators in submenus you should write it so:

 ["|-",] //first level submenus
   ["||-",] //second level submenus
and so on.

Try that.


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