OP River Drop Down Menu Bar
|
Name | opmb (OP River Menu Bar) | |
Author | Richard Powell <rpowell@opriver.com> | |
Version | 0.9.5 | |
Web Site | http://www.opriver.com/
| |
Download |
http://www.opriver.com/opmb/opmbV0-9-5.zip
| |
Description |
This is yet another Drop Down menu written in Java Script.
All the free drop down menu scripts that I've found didn't seem to support
Netscape 4.x which is a necessity for our customers.
Unlimited sub-menu's are supported with this script.
This Drop Down menu's support for Netscape 4.x isn't exactly pretty, but
it does work. And I'm open to any suggestions or assistance in improving
the use of this script. Best results in Netscape 4.x are achieved when
images and no borders are used. Borders & Text don't look as nice in
Netscape 4.x browsers. | |
Compatibility |
This script has been tested using recent versions of Internet Explorer, Netscape, Mozilla Firebird,
and Opera.
| |
License |
You are free to use and modify this code all you want, so long as the
original text appears at the top of the .js file. | |
Changes |
In version 0.9.4, there was a problem with the dropdowns when multiple sub-menu's
were placed under the first sub-menu.
| |
WARNING |
This code is provided AS-IS and with NO WARRANTY WHAT SOEVER.
***** USE AT YOUR OWN RISK *****
|
Some Documentation
|
Step 1 |
First, you must place the following code in the location on your page you wish
the menu to be placed. The ID name can be changed. In order for this script to
work in older versions of Netscape, you MUST use the STYLE parameter in your
DIV declaration. Also, we request the link to this page only as a courtesy so we
get a higher search rating. The link is transparent, and disappears once your
menu loads anyway. ;)
<DIV ID="OPMB1" STYLE="position:absolute;top:10px;left:10px;">
<a href="http://www.opriver.com/opmb/">
<img src="http://www.opriver.com/opmb/OP_River_web_hosting.gif"
alt="OP River Menu Bar Loading" border=0></a>
</DIV>
| |
Step 2 |
You need to include the OP River Drop Down Menu Bar javascript file by putting
the following code in the <HEAD> area of your page. Be sure to copy the
opmb.js file into the directory as well.
<script language="JavaScript" src="opmb.js"></script>
| |
Step 3 | You need to create the following javascript to create
your initial drop down menu bar. Change the parameters to suit your needs.
<script language="JavaScript">
// Param 1, The ID used in the <DIV> section above.
// Param 2, Top of Menu Bar Location
// Param 3, Left of Menu Bar Location
// Param 4, Name of the Object
var mbar = new opmb("OPMB1",0,0,"mbar");
function init() {
// Param 1, Menu Item Name, MUST follow the strict syntax
// below, (m_#) where underscore #'s indicate sub-menu's.
// Param 2, Text of Menu Item
// Param 3, URL Menu Item Links To
mbar.item("m_1","Menu 1","http://www.opriver.com/");
// Below is a sub-menu
mbar.item("m_1_1","Sub 11","http://www.opriver.com/");
mbar.item("m_2","Menu 2","http://www.opriver.com/");
// Load the menu now.
mbar.load();
};
</script>
| |
Step 4 | You need to include the following code in your <body> tag.
<body onLoad="init()" onResize="init()">
|
A detailed list of customization parameters and examples are included in the source of this
web page.
|
