Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Drop Down Menu works almost

Status
Not open for further replies.

internetguy

Technical User
Nov 22, 2003
57
US
I have a test page with just a navigation bar and a bunch of javascript. In the bar there are 9 links with subcatergories, but only the 5 are showing up. Here's my code:

<html>
<head>
<title>Test Page</title>
<link href="style.css" rel="stylesheet" type="text/css">
<script language="JavaScript" type="text/JavaScript">
<!--
/**
* fw_menu 14OCT2003 Version 4.0f
* Timothy Atwood, Holtenwood Computing, October 2003
* Modified for khtml based browsers (Safari & Konqueror).
*
* fw_menu 10MAY2003 Version 4.0e
* Timothy Atwood, Holtenwood Computing, May 2003
* Modified for NS7, NS4.x 1 pixel bug corrected.
*
* fw_menu 20JUN2001 Version 4.0d
* Timothy Atwood, Holtenwood Computing, June 2001
* Modified for dynamic menu positioning related to object.
*
* fw_menu 24OCT2000 Version 4.0
* John Ahlquist, October 2000
* Copyright (c) 2000 Macromedia, Inc.
*
* based on menu.js
* by gary smith, July 1997
* Copyright (c) 1997-1999 Netscape Communications Corp.
*
* Netscape grants you a royalty free license to use or modify this
* software provided that this copyright notice appears on all copies.
* This software is provided "AS IS," without a warranty of any kind.
*/
function fwLoadMenus() {
if (window.fw_menu_0) return;

window.fw_menu_0 = new Menu("root",82,30,"Verdana",10,"#FFFFFF","#FFFFFF","#285A3D","#009966");
fw_menu_0.addMenuItem("Philosophy/\nMission","window.open('company/philosophy.html', '_self');");
fw_menu_0.addMenuItem("Foundation","window.open('company/foundation.html', '_self');");
fw_menu_0.addMenuItem("Our Team","window.open('company/team.html', '_self');");
fw_menu_0.addMenuItem("Contact Us","window.open('company/contact.html', '_self');");
fw_menu_0.fontWeight="bold";
fw_menu_0.hideOnMouseOut=true;
window.fw_menu_1 = new Menu("root",82,30,"Verdana",10,"#FFFFFF","#FFFFFF","#285A3D","#009966");
fw_menu_1.addMenuItem("Forestry","window.open('forests/sustainable.html', '_self');");
fw_menu_1.addMenuItem("Tree Species","window.open('forests/tree_species.html', '_self');");
fw_menu_1.addMenuItem("Wildlife\n Species","window.open('forests/wildlife_species.html', '_self');");
fw_menu_1.addMenuItem("Watersheds/\nWater Qual.","window.open('forests/watershed.html', '_self');");
fw_menu_1.addMenuItem("Ownership","window.open('forests/ownership.html', '_self');");
fw_menu_1.addMenuItem("Research/\n Monitoring","window.open('forests/research.html', '_self');");
fw_menu_1.addMenuItem("Fact Sheets","window.open('forests/facts.html', '_self');");
fw_menu_1.addMenuItem("Photo Library","window.open('forests/photolib.html', '_self');");
fw_menu_1.addMenuItem("FAQ","window.open('forests/faq.html', '_self');");
fw_menu_1.addMenuItem("Links","window.open('forests/links.html', '_self');");
fw_menu_1.fontWeight="bold";
fw_menu_1.hideOnMouseOut=true;
window.fw_menu_2 = new Menu("root",82,30,"Verdana",10,"#FFFFFF","#FFFFFF","#285A3D","#009966");
fw_menu_2.addMenuItem("Environmental","window.open('partnerships/environmental.html', '_self');");
fw_menu_2.addMenuItem("Educational","window.open('partnerships/educational.html', '_self');");
fw_menu_2.fontWeight="bold";
fw_menu_2.hideOnMouseOut=true;
window.fw_menu_3 = new Menu("root",82,30,"Verdana",10,"#FFFFFF","#FFFFFF","#285A3D","#009966");
fw_menu_3.addMenuItem("Sawmills","window.open('operations/sawmill.html', '_self');");
fw_menu_3.addMenuItem("Millwork/\nReman","window.open('operations/millwork.html', '_self');");
fw_menu_3.addMenuItem("Windows","window.open('operations/windows.html', '_self');");
fw_menu_3.addMenuItem("Co-generation","window.open('operations/cogen.html', '_self');");
fw_menu_3.addMenuItem("Fiber Products","window.open('operations/fiber.html', '_self');");
fw_menu_3.addMenuItem("Eureka Dock","window.open('operations/eurekadock.html', '_self');");
fw_menu_3.addMenuItem("Ownership","window.open('operations/ownership.html', '_self');");
fw_menu_3.addMenuItem("Photo Library","window.open('operations/photolib.html', '_self');");
fw_menu_3.fontWeight="bold";
fw_menu_3.hideOnMouseOut=true;
window.fw_menu_4 = new Menu("root",82,30,"Verdana",10,"#FFFFFF","#FFFFFF","#285A3D","#009966");
fw_menu_4.addMenuItem("Wood Products","window.open('sales/wood.html', '_self');");
fw_menu_4.addMenuItem("Real Estate","window.open('sales/realestate.html', '_self');");
fw_menu_4.addMenuItem("Equipment","window.open('sales/equipment.html', '_self');");
fw_menu_4.fontWeight="bold";
fw_menu_4.hideOnMouseOut=true;
fw_menu_4.writeMenus();
window.fw_menu_5 = new Menu("root",82,30,"Verdana, Arial, Helvetica, sans-serif",10,"#FFFFFF","#FFFFFF","#285A3D","#009966");
fw_menu_5.addMenuItem("SP Windows","window.open('windows.html', '_self');");
fw_menu_5.fontWeight="bold";
fw_menu_5.hideOnMouseOut=true;
fw_menu_5.writeMenus();
window.fw_menu_6 = new Menu("root",82,30,"Verdana",10,"#FFFFFF","#FFFFFF","#285A3D","#009966");
fw_menu_6.addMenuItem("Recent News","window.open('news/index.html', '_self');");
fw_menu_6.fontWeight="bold";
fw_menu_6.hideOnMouseOut=true;
fw_menu_6.writeMenus();
window.fw_menu_7 = new Menu("root",82,30,"Verdana",10,"#FFFFFF","#FFFFFF","#285A3D","#009966");
fw_menu_7.addMenuItem("Employment Opportunities","window.open('jobs/opportunities.html', '_self');");
fw_menu_7.addMenuItem("Summer Jobs","window.open('jobs/summerjobs.html', '_self');");
fw_menu_7.fontWeight="bold";
fw_menu_7.hideOnMouseOut=true;
fw_menu_7.writeMenus();
window.fw_menu_8 = new Menu("root",82,30,"Verdana",10,"#FFFFFF","#FFFFFF","#285A3D","#009966");
fw_menu_8.addMenuItem("Related Links","window.open('links/index.html', '_self');");
fw_menu_8.fontWeight="bold";
fw_menu_8.hideOnMouseOut=true;
fw_menu_8.writeMenus();
}
// fwLoadMenus()
function Menu(label, mw, mh, fnt, fs, fclr, fhclr, bg, bgh) {
this.version = "031014 [Menu; menu.js]";
this.type = "Menu";
this.menuWidth = mw;
this.menuItemHeight = mh;
this.fontSize = fs||10;
this.fontWeight = "plain";
this.fontFamily = fnt||"verdana";
this.fontColor = fclr||"#000000";
this.fontColorHilite = fhclr||"#ffffff";
this.bgColor = "#009966";
this.menuBorder = 1;
this.menuItemBorder = 1;
this.menuItemBgColor = bg||"#FFFFFF";
this.menuLiteBgColor = "#285A3D";
this.menuBorderBgColor = "#000000";
this.menuHiliteBgColor = bgh||"#285A3D";
this.menuContainerBgColor = "#285A3D";
this.childMenuIcon = "arrows.gif";
this.items = new Array();
this.actions = new Array();
this.childMenus = new Array();
this.hideOnMouseOut = true;
this.addMenuItem = addMenuItem;
this.addMenuSeparator = addMenuSeparator;
this.writeMenus = writeMenus;
this.FW_showMenu = FW_showMenu;
this.onMenuItemOver = onMenuItemOver;
this.onMenuItemAction = onMenuItemAction;
this.hideMenu = hideMenu;
this.hideChildMenu = hideChildMenu;

if (!window.menus) window.menus = new Array();
this.label = label || "menuLabel" + window.menus.length;
window.menus[this.label] = this;
window.menus[window.menus.length] = this;
if (!window.activeMenus) window.activeMenus = new Array();
}

function addMenuItem(label, action) {
this.items[this.items.length] = label;
this.actions[this.actions.length] = action;
}

function addMenuSeparator() {
this.items[this.items.length] = "separator";
this.actions[this.actions.length] = "";
this.menuItemBorder = 0;
}

// For NS6.
function FIND(item) {
if (document.all) return(document.all[item]);
if (document.getElementById) return(document.getElementById(item));
return(false);
}

function writeMenus(container) {
if (window.triedToWriteMenus) return;

if (!container && document.layers) {
window.delayWriteMenus = this.writeMenus;
var timer = setTimeout('delayWriteMenus()', 250);
container = new Layer(100);
clearTimeout(timer);
} else if (document.all || document.hasChildNodes) {
document.writeln('<SPAN ID="menuContainer"></SPAN>');
container = FIND("menuContainer");
}

window.fwHideMenuTimer = null;
if (!container) return;
window.triedToWriteMenus = true;
container.isContainer = true;
container.menus = new Array();
for (var i=0; i<window.menus.length; i++)
container.menus = window.menus;
window.menus.length = 0;
var countMenus = 0;
var countItems = 0;
var top = 0;
var content = '';
var lrs = false;
var theStat = "";
var tsc = 0;
if (document.layers) lrs = true;
for (var i=0; i<container.menus.length; i++, countMenus++) {
var menu = container.menus;
if (menu.bgImageUp) {
menu.menuBorder = 0;
menu.menuItemBorder = 0;
}
if (lrs) {
var menuLayer = new Layer(100, container);
var lite = new Layer(100, menuLayer);
lite.top = menu.menuBorder;
lite.left = menu.menuBorder;
var body = new Layer(100, lite);
body.top = menu.menuBorder;
body.left = menu.menuBorder;
} else {
content += ''+
'<DIV ID="menuLayer'+ countMenus +'" STYLE="position:absolute;z-index:1;left:10;top:'+ (i * 100) +';visibility:hidden;">\n'+
' <DIV ID="menuLite'+ countMenus +'" STYLE="position:absolute;z-index:1;left:'+ menu.menuBorder +';top:'+ menu.menuBorder +';visibility:hide;" onMouseOut="mouseoutMenu();">\n'+
' <DIV ID="menuFg'+ countMenus +'" STYLE="position:absolute;left:'+ menu.menuBorder +';top:'+ menu.menuBorder +';visibility:hide;">\n'+
'';
}
var x=i;
for (var i=0; i<menu.items.length; i++) {
var item = menu.items;
var childMenu = false;
var defaultHeight = menu.fontSize+6;
var defaultIndent = menu.fontSize;
if (item.label) {
item = item.label;
childMenu = true;
}
menu.menuItemHeight = menu.menuItemHeight || defaultHeight;
menu.menuItemIndent = menu.menuItemIndent || defaultIndent;
var itemProps = 'font-family:' + menu.fontFamily +';font-weight:' + menu.fontWeight + ';fontSize:' + menu.fontSize + ';';
if (menu.fontStyle) itemProps += 'font-style:' + menu.fontStyle + ';';
if (document.all)
itemProps += 'font-size:' + menu.fontSize + ';" onMouseOver="onMenuItemOver(null,this);" onClick="onMenuItemAction(null,this);';
else if (!document.layers) {
itemProps += 'font-size:' + menu.fontSize + 'px;'; // zilla wants 12px.
}
var l;
if (lrs) {
l = new Layer(800,body);
}
var dTag = '<DIV ID="menuItem'+ countItems +'" STYLE="position:absolute;left:0;top:'+ (i * menu.menuItemHeight) +';'+ itemProps +'">';
var dClose = '</DIV>'
if (menu.bgImageUp) {
menu.menuBorder = 0;
menu.menuItemBorder = 0;
dTag = '<DIV ID="menuItem'+ countItems +'" STYLE="background:url('+menu.bgImageUp+');position:absolute;left:0;top:'+ (i * menu.menuItemHeight) +';'+ itemProps +'">';
if (document.layers) {
dTag = '<LAYER BACKGROUND="'+menu.bgImageUp+'" ID="menuItem'+ countItems +'" TOP="'+ (i * menu.menuItemHeight) +'" style="' + itemProps +'">';
dClose = '</LAYER>';
}
}
var textProps = 'position:absolute;left:' + menu.menuItemIndent + ';top:1;';
if (lrs) {
textProps +=itemProps;
dTag = "";
dClose = "";
}

var dText = '<DIV ID="menuItemText'+ countItems +'" STYLE="' + textProps + 'color:'+ menu.fontColor +';">'+ item +'&nbsp</DIV>\n<DIV ID="menuItemHilite'+ countItems +'" STYLE="' + textProps + 'top:1;color:'+ menu.fontColorHilite +';visibility:hidden;">'+ item +'&nbsp</DIV>';
if (item == "separator") {
content += ( dTag + '<DIV ID="menuSeparator'+ countItems +'" STYLE="position:absolute;left:1;top:2;"></DIV>\n<DIV ID="menuSeparatorLite'+ countItems +'" STYLE="position:absolute;left:1;top:2;"></DIV>\n' + dClose);
} else if (childMenu) {
content += ( dTag + dText + '<DIV ID="childMenu'+ countItems +'" STYLE="position:absolute;left:0;top:3;"><IMG SRC="'+ menu.childMenuIcon +'"></DIV>\n' + dClose);
} else {
content += ( dTag + dText + dClose);
}
if (lrs) {
l.document.open("text/html");
l.document.writeln(content);
l.document.close();
content = '';
theStat += "-";
tsc++;
if (tsc > 50) {
tsc = 0;
theStat = "";
}
status = theStat;
}
countItems++;
}
if (lrs) {
// focus layer
var focusItem = new Layer(100, body);
focusItem.visiblity="hidden";
focusItem.document.open("text/html");
focusItem.document.writeln("&nbsp;");
focusItem.document.close();
} else {
content += ' <DIV ID="focusItem'+ countMenus +'" STYLE="position:absolute;left:0;top:0;visibility:hide;" onClick="onMenuItemAction(null,this);">&nbsp;</DIV>\n';
content += ' </DIV>\n </DIV>\n</DIV>\n';
}
i=x;
}
if (document.layers) {
container.clip.width = window.innerWidth;
container.clip.height = window.innerHeight;
container.onmouseout = mouseoutMenu;
container.menuContainerBgColor = this.menuContainerBgColor;
for (var i=0; i<container.document.layers.length; i++) {
proto = container.menus;
var menu = container.document.layers;
container.menus.menuLayer = menu;
container.menus.menuLayer.Menu = container.menus;
container.menus.menuLayer.Menu.container = container;
var body = menu.document.layers[0].document.layers[0];
body.clip.width = proto.menuWidth || body.clip.width;
body.clip.height = proto.menuHeight || body.clip.height;
for (var n=0; n<body.document.layers.length-1; n++) {
var l = body.document.layers[n];
l.Menu = container.menus;
l.menuHiliteBgColor = proto.menuHiliteBgColor;
l.document.bgColor = proto.menuItemBgColor;
l.saveColor = proto.menuItemBgColor;
l.onmouseover = proto.onMenuItemOver;
l.onclick = proto.onMenuItemAction;
l.action = container.menus.actions[n];
l.focusItem = body.document.layers[body.document.layers.length-1];
l.clip.width = proto.menuWidth || body.clip.width + proto.menuItemIndent;
l.clip.height = proto.menuItemHeight || l.clip.height;
if (n>0) l.top = body.document.layers[n-1].top + body.document.layers[n-1].clip.height + proto.menuItemBorder;
l.hilite = l.document.layers[1];
if (proto.bgImageUp) l.background.src = proto.bgImageUp;
l.document.layers[1].isHilite = true;
if (l.document.layers[0].id.indexOf("menuSeparator") != -1) {
l.hilite = null;
l.clip.height -= l.clip.height / 2;
l.document.layers[0].document.bgColor = proto.bgColor;
l.document.layers[0].clip.width = l.clip.width -2;
l.document.layers[0].clip.height = 1;
l.document.layers[1].document.bgColor = proto.menuLiteBgColor;
l.document.layers[1].clip.width = l.clip.width -2;
l.document.layers[1].clip.height = 1;
l.document.layers[1].top = l.document.layers[0].top + 1;
} else if (l.document.layers.length > 2) {
l.childMenu = container.menus.items[n].menuLayer;
l.document.layers[2].left = l.clip.width -13;
l.document.layers[2].top = (l.clip.height / 2) -4;
l.document.layers[2].clip.left += 3;
l.Menu.childMenus[l.Menu.childMenus.length] = l.childMenu;
}
}
body.document.bgColor = proto.bgColor;
body.clip.width = l.clip.width +proto.menuBorder;
body.clip.height = l.top + l.clip.height +proto.menuBorder;
var focusItem = body.document.layers[n];
focusItem.clip.width = body.clip.width;
focusItem.Menu = l.Menu;
focusItem.top = -30;
focusItem.captureEvents(Event.MOUSEDOWN);
focusItem.onmousedown = onMenuItemDown;
menu.document.bgColor = proto.menuBorderBgColor;
var lite = menu.document.layers[0];
lite.document.bgColor = proto.menuLiteBgColor;
lite.clip.width = body.clip.width +1;
lite.clip.height = body.clip.height +1;
menu.clip.width = body.clip.width + (proto.menuBorder * 3) ;
menu.clip.height = body.clip.height + (proto.menuBorder * 3);
}
} else {
if ((!document.all) && (container.hasChildNodes)) {
container.innerHTML=content;
} else {
container.document.open("text/html");
container.document.writeln(content);
container.document.close();
}
if (!FIND("menuLayer0")) return;
var menuCount = 0;
for (var x=0; x<container.menus.length; x++) {
var menuLayer = FIND("menuLayer" + x);
container.menus[x].menuLayer = "menuLayer" + x;
menuLayer.Menu = container.menus[x];
menuLayer.Menu.container = "menuLayer" + x;
menuLayer.style.zIndex = 1;
var s = menuLayer.style;
s.top = s.pixelTop = -300;
s.left = s.pixelLeft = -300;

var menu = container.menus[x];
menu.menuItemWidth = menu.menuWidth || menu.menuIEWidth || 140;
menuLayer.style.backgroundColor = menu.menuBorderBgColor;
var top = 0;
for (var i=0; i<container.menus[x].items.length; i++) {
var l = FIND("menuItem" + menuCount);
l.Menu = container.menus[x];
if (l.addEventListener) { // ns6
l.style.width = menu.menuItemWidth;
l.style.height = menu.menuItemHeight;
l.style.top = top;
l.addEventListener("mouseover", onMenuItemOver, false);
l.addEventListener("click", onMenuItemAction, false);
l.addEventListener("mouseout", mouseoutMenu, false);
} else { //ie
l.style.pixelWidth = menu.menuItemWidth;
l.style.pixelHeight = menu.menuItemHeight;
l.style.pixelTop = top;
}
top = top + menu.menuItemHeight+menu.menuItemBorder;
l.style.fontSize = menu.fontSize;
l.style.backgroundColor = menu.menuItemBgColor;
l.style.visibility = "inherit";
l.saveColor = menu.menuItemBgColor;
l.menuHiliteBgColor = menu.menuHiliteBgColor;
l.action = container.menus[x].actions;
l.hilite = FIND("menuItemHilite" + menuCount);
l.focusItem = FIND("focusItem" + x);
l.focusItem.style.pixelTop = l.focusItem.style.top = -30;
var childItem = FIND("childMenu" + menuCount);
if (childItem) {
l.childMenu = container.menus[x].items.menuLayer;
childItem.style.pixelLeft = childItem.style.left = menu.menuItemWidth -11;
childItem.style.pixelTop = childItem.style.top =(menu.menuItemHeight /2) -4;
//childItem.style.pixelWidth = 30 || 7;
//childItem.style.clip = "rect(0 7 7 3)";
l.Menu.childMenus[l.Menu.childMenus.length] = l.childMenu;
}
var sep = FIND("menuSeparator" + menuCount);
if (sep) {
sep.style.clip = "rect(0 " + (menu.menuItemWidth - 3) + " 1 0)";
sep.style.width = sep.style.pixelWidth = menu.menuItemWidth;
sep.style.backgroundColor = menu.bgColor;
sep = FIND("menuSeparatorLite" + menuCount);
sep.style.clip = "rect(1 " + (menu.menuItemWidth - 3) + " 2 0)";
sep.style.width = sep.style.pixelWidth = menu.menuItemWidth;
sep.style.backgroundColor = menu.menuLiteBgColor;
l.style.height = l.style.pixelHeight = menu.menuItemHeight/2;
l.isSeparator = true
top -= (menu.menuItemHeight - l.style.pixelHeight)
} else {
l.style.cursor = "hand"
}
menuCount++;
}
menu.menuHeight = top-1;
var lite = FIND("menuLite" + x);
var s = lite.style;
s.height = s.pixelHeight = menu.menuHeight +(menu.menuBorder * 2);
s.width = s.pixelWidth = menu.menuItemWidth + (menu.menuBorder * 2);
s.backgroundColor = menu.menuLiteBgColor;

var body = FIND("menuFg" + x);
s = body.style;
s.height = s.pixelHeight = menu.menuHeight + menu.menuBorder;
s.width = s.pixelWidth = menu.menuItemWidth + menu.menuBorder;
s.backgroundColor = menu.bgColor;

s = menuLayer.style;
s.width = s.pixelWidth = menu.menuItemWidth + (menu.menuBorder * 4);
s.height = s.pixelHeight = menu.menuHeight+(menu.menuBorder*4);
}
}
if (document.captureEvents) {
document.captureEvents(Event.MOUSEUP);
}
if (document.addEventListener) {
document.addEventListener("mouseup", onMenuItemOver, false);
}
if (document.layers && window.innerWidth) {
window.onresize = NS4resize;
window.NS4sIW = window.innerWidth;
window.NS4sIH = window.innerHeight;
}
document.onmouseup = mouseupMenu;
window.fwWroteMenu = true;
status = "";
}

function NS4resize() {
if (NS4sIW < window.innerWidth ||
NS4sIW > window.innerWidth ||
NS4sIH > window.innerHeight ||
NS4sIH < window.innerHeight )
{
window.location.reload();
}
}

function onMenuItemOver(e, l) {
FW_clearTimeout();
l = l || this;
a = window.ActiveMenuItem;
if (document.layers) {
if (a) {
a.document.bgColor = a.saveColor;
if (a.hilite) a.hilite.visibility = "hidden";
if (a.Menu.bgImageOver) {
a.background.src = a.Menu.bgImageUp;
}
a.focusItem.top = -100;
a.clicked = false;
}
if (l.hilite) {
l.document.bgColor = l.menuHiliteBgColor;
l.zIndex = 1;
l.hilite.visibility = "inherit";
l.hilite.zIndex = 2;
l.document.layers[1].zIndex = 1;
l.focusItem.zIndex = this.zIndex +2;
}
if (l.Menu.bgImageOver) {
l.background.src = l.Menu.bgImageOver;
}
l.focusItem.top = this.top;
l.Menu.hideChildMenu(l);
} else if (l.style && l.Menu) {
if (a) {
a.style.backgroundColor = a.saveColor;
if (a.hilite) a.hilite.style.visibility = "hidden";
if (a.Menu.bgImageUp) {
a.style.background = "url(" + a.Menu.bgImageUp +")";;
}
}
if (l.isSeparator) return;
l.style.backgroundColor = l.menuHiliteBgColor;
l.zIndex = 1; // magic IE 4.5 mac happy doohicky. jba
if (l.Menu.bgImageOver) {
l.style.background = "url(" + l.Menu.bgImageOver +")";
}
if (l.hilite) {
l.style.backgroundColor = l.menuHiliteBgColor;
l.hilite.style.visibility = "inherit";
}
l.focusItem.style.top = l.focusItem.style.pixelTop = l.style.pixelTop;
l.focusItem.style.zIndex = l.zIndex +1;
l.Menu.hideChildMenu(l);
} else {
return; // not a menu - magic IE 4.5 mac happy doohicky. jba
}
window.ActiveMenuItem = l;
}

function onMenuItemAction(e, l) {
l = window.ActiveMenuItem;
if (!l) return;
hideActiveMenus();
if (l.action) {
eval("" + l.action);
}
window.ActiveMenuItem = 0;
}

function FW_clearTimeout()
{
if (fwHideMenuTimer) clearTimeout(fwHideMenuTimer);
fwHideMenuTimer = null;
fwDHFlag = false;
}
function FW_startTimeout()
{
fwStart = new Date();
fwDHFlag = true;
fwHideMenuTimer = setTimeout("fwDoHide()", 1000);
}

function fwDoHide()
{
if (!fwDHFlag) return;
var elapsed = new Date() - fwStart;
if (elapsed < 1000) {
fwHideMenuTimer = setTimeout("fwDoHide()", 1100-elapsed);
return;
}
fwDHFlag = false;
hideActiveMenus();
window.ActiveMenuItem = 0;
}

function FW_showMenu(menu, x, y, child, imgname) {
if (!window.fwWroteMenu) return;
FW_clearTimeout();
if (menu) {
x = moveXbyEventPos (x, imgname);
y = moveYbyEventPos (y, imgname);
}
if (document.layers) {
if (menu) {
var l = menu.menuLayer || menu;
l.left = 1;
l.top = 1;
hideActiveMenus();
if (this.visibility) l = this;
window.ActiveMenu = l;
} else {
var l = child;
}
if (!l) return;
for (var i=0; i<l.layers.length; i++) {
if (!l.layers.isHilite)
l.layers.visibility = "inherit";
if (l.layers.document.layers.length > 0)
FW_showMenu(null, "relative", "relative", l.layers);
}
if (l.parentLayer) {
if (x != "relative")
l.parentLayer.left = x || window.pageX || 0;
if (l.parentLayer.left + l.clip.width > window.innerWidth)
l.parentLayer.left -= (l.parentLayer.left + l.clip.width - window.innerWidth);
if (y != "relative")
l.parentLayer.top = y || window.pageY || 0;
if (l.parentLayer.isContainer) {
l.Menu.xOffset = window.pageXOffset;
l.Menu.yOffset = window.pageYOffset;
l.parentLayer.clip.width = window.ActiveMenu.clip.width +2;
l.parentLayer.clip.height = window.ActiveMenu.clip.height +2;
if (l.parentLayer.menuContainerBgColor) l.parentLayer.document.bgColor = l.parentLayer.menuContainerBgColor;
}
}
l.visibility = "inherit";
if (l.Menu) l.Menu.container.visibility = "inherit";
} else if (FIND("menuItem0")) {
var l = menu.menuLayer || menu;
hideActiveMenus();
if (typeof(l) == "string") {
l = FIND(l);
}
window.ActiveMenu = l;
var s = l.style;
s.visibility = "inherit";
if (x != "relative")
s.left = s.pixelLeft = x || (window.pageX + document.body.scrollLeft) || 0;
if (y != "relative")
s.top = s.pixelTop = y || (window.pageY + document.body.scrollTop) || 0;
l.Menu.xOffset = document.body.scrollLeft;
l.Menu.yOffset = document.body.scrollTop;
}
if (menu) {
window.activeMenus[window.activeMenus.length] = l;
}
FW_clearTimeout();
}

function onMenuItemDown(e, l) {
var a = window.ActiveMenuItem;
if (document.layers) {
if (a) {
a.eX = e.pageX;
a.eY = e.pageY;
a.clicked = true;
}
}
}

function mouseupMenu(e)
{
hideMenu(true, e);
hideActiveMenus();
return true;
}

// BEGIN IE LESS THAN 4.5 BUG FIX
function getExplorerVersion()
{
var ieVers = parseFloat(navigator.appVersion);
if( navigator.appName != 'Microsoft Internet Explorer' )
return ieVers;
var tempVers = navigator.appVersion;
var i = tempVers.indexOf( 'MSIE ' );
if( i >= 0 ) {
tempVers = tempVers.substring( i+5 );
ieVers = parseFloat( tempVers );
}
return ieVers;
}
// END BUG FIX

function mouseoutMenu()
{

// BEGIN IE LESS THAN 4.5 BUG FIX
// Popup menus did not function in Internet Explorer versions
// before 4.5. This change allows the menus to function in older
// versions of IE by removing the auto-timeout.
if ((navigator.appName == "Microsoft Internet Explorer")
&& (getExplorerVersion() < 4.5))
return true;
// END BUG FIX

hideMenu(false, false);
return true;
}


function hideMenu(mouseup, e) {
var a = window.ActiveMenuItem;
if (a && document.layers) {
a.document.bgColor = a.saveColor;
a.focusItem.top = -30;
if (a.hilite) a.hilite.visibility = "hidden";
if (mouseup && a.action && a.clicked && window.ActiveMenu) {
if (a.eX <= e.pageX+15 && a.eX >= e.pageX-15 && a.eY <= e.pageY+10 && a.eY >= e.pageY-10) {
setTimeout('window.ActiveMenu.Menu.onMenuItemAction();', 2);
}
}
a.clicked = false;
if (a.Menu.bgImageOver) {
a.background.src = a.Menu.bgImageUp;
}
} else if (window.ActiveMenu && FIND("menuItem0")) {
if (a) {
a.style.backgroundColor = a.saveColor;
if (a.hilite) a.hilite.style.visibility = "hidden";
if (a.Menu.bgImageUp) {
a.style.background = "url(" + a.Menu.bgImageUp +")";;
}
}
}
if (!mouseup && window.ActiveMenu) {
if (window.ActiveMenu.Menu) {
if (window.ActiveMenu.Menu.hideOnMouseOut) {
FW_startTimeout();
}
return(true);
}
}
return(true);
}

function PxToNum(pxStr)
{ // pxStr == 27px, we want 27.
if (pxStr.length > 2) {
n = Number(pxStr.substr(0, pxStr.length-2));
return(n);
}
return(0);
}

function hideChildMenu(hcmLayer) {
FW_clearTimeout();
var l = hcmLayer;
for (var i=0; i < l.Menu.childMenus.length; i++) {
var theLayer = l.Menu.childMenus;
if (document.layers) {
theLayer.visibility = "hidden";
} else {
theLayer = FIND(theLayer);
theLayer.style.visibility = "hidden";
}
theLayer.Menu.hideChildMenu(theLayer);
}

if (l.childMenu) {
var childMenu = l.childMenu;
if (document.layers) {
l.Menu.FW_showMenu(null,null,null,childMenu.layers[0]);
childMenu.zIndex = l.parentLayer.zIndex +1;
childMenu.top = l.top + l.parentLayer.top + l.Menu.menuLayer.top + l.Menu.menuItemHeight/3;
if (childMenu.left + childMenu.clip.width > window.innerWidth) {
childMenu.left = l.parentLayer.left - childMenu.clip.width + l.Menu.menuLayer.left + 15;
l.Menu.container.clip.left -= childMenu.clip.width;
} else {
childMenu.left = l.parentLayer.left + l.parentLayer.clip.width + l.Menu.menuLayer.left -5;
}
var w = childMenu.clip.width+childMenu.left-l.Menu.container.clip.left;
if (w > l.Menu.container.clip.width)
l.Menu.container.clip.width = w;
var h = childMenu.clip.height+childMenu.top-l.Menu.container.clip.top;
if (h > l.Menu.container.clip.height) l.Menu.container.clip.height = h;
l.document.layers[1].zIndex = 0;
childMenu.visibility = "inherit";
} else if (FIND("menuItem0")) {
childMenu = FIND(l.childMenu);
var menuLayer = FIND(l.Menu.menuLayer);
var s = childMenu.style;
s.zIndex = menuLayer.style.zIndex+1;
if (document.all) { // ie case.
s.pixelTop = l.style.pixelTop + menuLayer.style.pixelTop + l.Menu.menuItemHeight/3;
s.left = s.pixelLeft = (menuLayer.style.pixelWidth) + menuLayer.style.pixelLeft -5;
} else { // zilla case
var top = PxToNum(l.style.top) + PxToNum(menuLayer.style.top) + l.Menu.menuItemHeight/3;
var left = (PxToNum(menuLayer.style.width)) + PxToNum(menuLayer.style.left) -5;
s.top = top;
s.left = left;
}
childMenu.style.visibility = "inherit";
} else {
return;
}
window.activeMenus[window.activeMenus.length] = childMenu;
}
}

function hideActiveMenus() {
if (!window.activeMenus) return;
for (var i=0; i < window.activeMenus.length; i++) {
if (!activeMenus) continue;
if (activeMenus.visibility && activeMenus.Menu) {
activeMenus.visibility = "hidden";
activeMenus.Menu.container.visibility = "hidden";
activeMenus.Menu.container.clip.left = 0;
} else if (activeMenus.style) {
var s = activeMenus.style;
s.visibility = "hidden";
s.left = -200;
s.top = -200;
}
}
if (window.ActiveMenuItem) {
hideMenu(false, false);
}
window.activeMenus.length = 0;
}

function moveXbyEventPos (x, imgname) {
if (typeof(event) != "undefined"
&& typeof(document.body.scrollLeft) != "undefined"
&& typeof(document.body.clientLeft) != "undefined"
&& (event.clientX >= 0 || event.offsetX >= 0)) {
return (x + event.clientX - event.offsetX + document.body.scrollLeft - document.body.clientLeft);
} else {
if (typeof(document.images
.x) != "undefined"
&& document.images
.x > 0) {
if (typeof(document.images
.offsetLeft) != "undefined") {
return (x + document.images
.x);
} else {
return (x + document.images
.x - 1);
}
} else {
if (typeof(document.images
.offsetLeft) != "undefined"
&& typeof(document.body.offsetLeft) != "undefined"
&& (document.images
.offsetLeft > 0 || document.body.offsetLeft > 0)) {
return (x + document.images
.offsetLeft + document.body.offsetLeft);
} else {
return x
}
}
}
}

function moveYbyEventPos (y, imgname) {
if (typeof(event) != "undefined"
&& typeof(document.body.scrollTop) != "undefined"
&& typeof(document.body.clientTop) != "undefined"
&& (event.clientY >= 0 || event.offsetY >= 0)) {
return (y + event.clientY - event.offsetY + document.body.scrollTop - document.body.clientTop);
} else {
if (typeof(document.images
.y) != "undefined"
&& document.images
.y > 0) {
if (typeof(document.images
.offsetTop) != "undefined") {
return (y + document.images
.y);
} else {
return (y + document.images
.y - 1);
}
} else {
if (typeof(document.images
.offsetTop) != "undefined"
&& typeof(document.body.offsetTop) != "undefined"
&& (document.images
.offsetTop > 0 || document.body.offsetTop > 0)) {
return (y + document.images
.offsetTop + document.body.offsetTop);
} else {
return y;
}
}
}
}
//-->
</script>
</head>

<body>
<table width="774" height="30" border="0" align="center" cellpadding="0" cellspacing="0">
<tr valign="top">
<td width="86"><a href="company/index.html" onMouseOut="FW_startTimeout();" onMouseOver="window.FW_showMenu(window.fw_menu_0,0,30,null,'company');"><img src="pictures/navDrops/company.jpg" alt="The Company" name="company" border="0"></a></td>
<td width="86"><a href="forests/index.html" onMouseOut="FW_startTimeout();" onMouseOver="window.FW_showMenu(window.fw_menu_1,0,30,null,'forests');"><img src="pictures/navDrops/forests.jpg" alt="Our Forests" name="forests" border="0"></a></td>
<td width="86"><a href="partnerships/index.html" onMouseOut="FW_startTimeout();" onMouseOver="window.FW_showMenu(window.fw_menu_2,0,30,null,'partners');"><img src="pictures/navDrops/partners.jpg" alt="Partnerships" name="partners" border="0"></a></td>
<td width="86"><a href="operations/index.html" onMouseOut="FW_startTimeout();" onMouseOver="window.FW_showMenu(window.fw_menu_3,0,30,null,'operations');"><img src="pictures/navDrops/operations.jpg" alt="Operations" name="operations" border="0"></a></td>
<td width="86"><a href="products/index.html" onMouseOut="FW_startTimeout();" onMouseOver="window.FW_showMenu(window.fw_menu_4,0,30,null,'sales');"><img src="pictures/navDrops/products.jpg" alt="Sales" name="sales" width="86" height="30" border="0"></a></td>
<td width="86"><a href="windows.html" onMouseOut="FW_startTimeout();" onMouseOver="window.FW_showMenu(window.fw_menu_5,0,30,null,'windows');"><img src="pictures/navDrops/windows.jpg" alt="SP Windows" name="windows" border="0"></a></td>
<td width="86"><a href="news/index.html" onMouseOut="FW_startTimeout();" onMouseOver="window.FW_showMenu(window.fw_menu_6,0,30,null,'news');"><img src="pictures/navDrops/news.jpg" alt="News" name="news" border="0"></a></td>
<td width="86"><a href="jobs/index.html" onMouseOut="FW_startTimeout();" onMouseOver="window.FW_showMenu(window.fw_menu_7,0,30,null,'jobs');"><img src="pictures/navDrops/jobs.jpg" alt="Jobs" name="jobs" border="0"></a></td>
<td width="86"><a href="links/index.html" onMouseOut="FW_startTimeout();" onMouseOver="window.FW_showMenu(window.fw_menu_8,0,30,null,'links');"><img src="pictures/navDrops/links.jpg" alt="Links" name="links" border="0"></a></td>
</tr>
</table>
<script language="Javascript">

var agt=navigator.userAgent.toLowerCase();
var is_win=agt.indexOf("win")!=-1;
var is_winie=agt.indexOf("msie")!=-1;


var number_of_images=5
var speed=4
var step_a=1
var whichimage_a=1
function slideit_a(){
if (!document.images)
return
if (document.all)
slide_a.filters.blendTrans.apply()
document.images.slide_a.src=eval("image_a"+step_a+".src");
if (document.all)
slide_a.filters.blendTrans.play()
whichimage_a=step_a
if (step_a<number_of_images)
step_a++
else
step_a=1
if (document.all)
setTimeout("slideit_a()",speed*800+3000)
else
setTimeout("slideit_a()",speed*800+3000)
}
function slidelink_a(){
if (whichimage_a==1)
window.location="index.html"
else if (whichimage_a==2)
window.location="index.html"
}
</script>
<script language="JavaScript1.2">fwLoadMenus();</script>
</body>
</html>
 
I think that you will better served here by providing us a URL (rather than pasting all that code -- which is truncated because it's so large). You should always place your code between [code]...[/code] tags on this site (this will ensure your code is presented to us as you pasted it).

I cannot debug the code as you have posted it... but confirm that the line that starts:
Code:
window.fw_menu_5 = new Menu("root".....
... make sure there isn't a carriage return/line break in the middle of the javascript line (as it looks like to me).

Regards,
Jeff
 
Sorry I can't post anything for a couple of hours, my office has FTP blocked so I can't post just yet, but I can assure that there is no line break.
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top