Osc Js Menu by Deluxe-Menu.com
Osc Js Menu

Template:

Olive Menu Template - DHTML Navigation Menu






    - Unlimited number of sub levels
    - Items with icons
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Horizontal or vertical orientation
    - Hundreds of pre-designed templates
    - Several menus on one page
    - UL/LI items structure
    - AJAX menu loading - loads web menu data from the server "on-the-fly".




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

Menu Screenshots

Osc Js Menu Javascript Text Rollover Example Image

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

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
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
How To Make Dropdown Menus In Website Osc Js 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
Easy Setup
  • De Luxe Tuner. GUI interface to create your osc js 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 osc js menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings



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

Javascript Menu. DHTML Menu.

  • Create contextual menus for your pages. For this purpose you should assign a special function for the object you want. The current coordinates of the mouse pointer or your own ones can be used for the contextual menu.
  • When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automatically scrolled! You can also specify height and width for each separate submenu.
  • Build menus completely based on Cascading Style Sheets. It is possible to appoint the individual CSS styles for separate elements of the menu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Deluxe menu v. 2 (the most recent version) -- I've triedeverything but cannot get the separator images (vertical orhorizontal) to appear. My other images appear fine, and I know theimages are where I've called them. I've tried root relative anddocument relative paths, and even set the advanced image prefixvariable, but they never appear. Can you spot what's wrong?

A related question: what I'm trying to do is to simply have a 1pxseparator between my main items (vertical) and between my sub-items(horizontal). Short of building a css mode menu, is this possibleusing your script -- if I set border=1 without any spacing, then thetwo borders between adjoining items come together and I get whatappears to be a 2px border separator. Is it possible to set margin-right=1, margin-bottom=1? This doesn't seem possible through thetuner: it appears to be border on all four sides or nothing.


A: You should see the following parameters:

//------- Separators -------
  var separatorImage=""; //--- file exists in this location
  var separatorWidth="5";
  var separatorHeight="100%";
  var separatorAlignment="right";
  var separatorVImage="/assets/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", , , , , , , , ],

];


Q: With menu tabs, I'm trying to dynamically set the bselectedItem parm, using php. If I set bselectedItem to anything other than 0, the submenu goes away and the main html tab javascript is not highlighted.
If I set to 0, everything works.


A: See, if you use Tab Mode
  var tabMode = 1;

  var bselectedItem = 0; //main items
  var bselectedSmItem = -1; //submenus

So you should set:
  var bselectedItem = 0; //main items (0;7;14;21;25)
  var bselectedSmItem = -1; //submenus (1;2;3;4;5....)


Q: The problem is now that I have a scroll bar in the main menus although there is nothing to scroll.

Do you have any ideas?


A: You've set the exact width and height for submenus.

  var smWidth = "100";
  var smHeight = "250px";
  var menuStyles = [
["smWidth=220px","smHeight=250px"],
["smWidth=200px","smHeight=250px"],
["smWidth=120px","smHeight=250px"],
];

Try to write:

  var smWidth = "";
  var smHeight = "";
  var menuStyles = [
[""],
[""],
[""],
];
There will be no scroll bar in the main menus.


Q: How does one go about changing the parameter or the JavaScript so
that a menu selection stays 'on' for the navigation bar script?
In other words, the menu remains selected, perhaps in a background color
that shows the user this menu choice is selected and the user is in the selected menu area.

A: To save your navigation path you should set the following parameter:

  var saveNavigationPath = 1;
The menu keeps items highlighted during menu navigation.
0 - disabled, 1 - enabled (default).

You can highlight menu items by default in two ways:

1) Set the pressed item on each page idividually using the following parameter:

  var pressedItem = -2;
The toggle mode. Sets an index of an item that will be highlighted by default.
-2 - the toggle mode is disabled;
-1 - the toggle mode is enabled, but no items highlighted by default;
0,1,2,3,... - index of highlighted item in a top-level menu.
- delete   var pressedItem=1; parameter from your data file
- set correct parameter on each page before you call data file, for example:

<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<script type="text/javascript">  var pressedItem=2;</script>
...
<script type="text/javascript" src="menudir/data.js"></script>

2) Set the pressed item/subitem using dm_ext_setPressedItem () function.

Please see more info here:
http://deluxe-menu.com/highlighted-items-sample.html
Buy Now!   ::  Free Trial Download   ::  More Info