Oscommerce Insert Js Menu by Deluxe-Menu.com
Oscommerce Insert Js Menu

Template:

iPhone 18 Template - Dropdown Submenu






    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Hundreds of pre-designed templates
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Horizontal or vertical orientation
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Submenus go over all page objects
    - Filters and Transitional effects
    - Sound support!




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

Menu Screenshots

Oscommerce Insert Js Menu Menu Frame

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
Easy Setup
  • De Luxe Tuner. GUI interface to create your oscommerce insert js menu menus easily and in no time
  • Sensible menu parameters for manual editing
Javascript Vertical Popup Menu Cool Oscommerce Insert Js Menu
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!
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed oscommerce insert js menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Use images for backgrounds of submenus and items, icons, arrows. Using web images you can create menus completely based on graphics.
  • Design both horizontal and vertical menus and submenus with any amount of menus on a single page.
  • Place any HTML code inside the menu item - be it a flash-object, form, picture, or text. This ability lets you to build various menus of any complexity.
  • Submenus can be shown in 4 ways: - From left to right and also from left to right + upwards. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I'm having multiple problems with this now, I'm using this sight in the horizontal cross-frame style. And using the CSS-type layout.

Problems:

1. This appears to be working fine in Firefox but I can't see the Menu or frames in Internet Explorer.

2. I have changed the colors in the data.js and the css-mode.css files and still can't change the subMenu background colors. ( I have put everything back like it was, but for example if I want to change the submenu or drop down menu background color to grey and the mouseover color to red where do I change that at)? Do I edit the .css file or the data.js file

3. I can't get the links to open in the bottom frame ( I know you will see that it's set to _blank now, but I tried setting the   var itemTarget="_bottommenu"; and the code in the menu section at the bottom of the data.js to the same but it still doesn't seem to work. Can you help me out here?

I have attached the sight so that you can see what I'm dealing with.

Once again, thanks for your help and any advice.


A: 1) Your menu works fine in all browsers.

2) Your should add the following line into the bottommenu.htm file.
<link href="data-samples/css-mode.css" type=text/css rel=stylesheet>

You should set the item color for the submenus in your css file initemNormal and itemOver styles.

3) You should use the following parameter to set a frame name:

  var itemTarget="";

["Home","testlink.htm", "css/icon1.gif", "css/icon12.gif", "Home", "frm2", "0", "0", , ],
["Products","", "css/icon2.gif", "css/icon22.gif", "Products", , "0", , , ],
 ["|Hard Drives","testlink.htm"],
 ["|Servers",""],
   ["||Linux Compatible","testlink.htm", , , , "frm2",],
   ["||Windows Compatible","testlink.htm", , , , "frm2",],
...


Q: At the very beginning of each javascript close menu item (exception for top level item using "XP-Style") there is always a small gap of 2px width.

Firebug show me this small piece of code :
***********************************
<td id="" style="margin: 0px; padding: 0px;">
<img id="" width="2" height="1" border="0" style="display:
block;" src="images/blank.gif"/>
</td>
***********************************

Is there a way to avoid this ?

A: You should set the following parameter in that case:

  var tXPBorderWidth=0;



Q: How can I use Danish characters in my menu using javascript? In normal html you would use something like this:

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

What should I do in Deluxe Menu?

A: You should turn on "Tools/Use utf8 encode" property.In that case your data file will be saved in UTF-8 encode. So, youshould set UTF-8 encode on your page too

<meta http-equiv="Content-Type" content="text/html"charset="UTF-8">

If you don't want to use UTF-8 encode on your page you should turn off"Tools/Use utf8 encode" property, save your data file and manuallychange your letters in any text editor.

You can also replace your letters with special sets, for example
&Eacute; - Capital E, acute accent

  var menuItems = [

["&Eacute;....","testlink.html", "", "", "", "", "", "", "", ],



Q: I can not figure out how you put the arrow that shows there's more information in the php drop down menu?
I tried and tried to figure it out where you add this .gif file?

A: You should set the following parameters in your data.js file:

  var arrowImageMain=["deluxe-menu.files/arrowmain.gif","deluxe-menu.files/arrowmaino.gif"];
//Normal and mouseover arrow images for top-level items.

  var arrowImageSub=["deluxe-menu.files/arrowsub.gif","deluxe-menu.files/arrowsubo.gif"];
// Normal and mouseover arrow images for submenu items.

You can set these parameters in Deluxe Tuner also:

Open 'Icons' section in the main window and set   var arrowImageMain and   var arrowImageSubparameters.



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