Codezwiz >> Forums >> Javascript Help >> Java Menu - Time Delay

I've been working with the Fireworks PopUp Menu script. It's a .js include, basicly mm_menu.
The javascript and menu is pretty basic for the most part. It functions like any other menu.
My problem is I'm trying to get the menu to:
Once clicked on (the selection) to stay highlighted and the popup menu stays extended (or for at least a delay period) until of course another choice is selected.
So in other words. The way it works now is - You mouseover the root menu, the child menus popup or appear, you mouseover a selection, it highlights, then it goes to the URL address, and the menu then disappears.
I'm just trying to extend the highlight and indicated selection so when you make a choice
it still shows what you selected and what page you are on in the website. Basicly, just get the menu from disappearing and then just change when another selection is made.
Pretty much onmouseaction highlight selection for a while, keep menu extended, then go to URL. Then stay until another menu choice is selected.

/**
* mm_menu 20MAR2002 Version 6.0
* Andy Finnell, March 2002
* Copyright (c) 2000-2002 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 Menu(label, mw, mh, fnt, fs, fclr, fhclr, bg, bgh, halgn, valgn, pad, space, to, sx, sy, srel, opq, vert, idt, aw, ah)
{
this.version = "020320 [Menu; mm_menu.js]";
this.type = "Menu";
this.menuWidth = mw;
this.menuItemHeight = mh;
this.fontSize = fs;
this.fontWeight = "plain";
this.fontFamily = fnt;
this.fontColor = fclr;
this.fontColorHilite = fhclr;
this.bgColor = "#555555";
this.menuBorder = 1;
this.menuBgOpaque=opq;
this.menuItemBorder = 1;
this.menuItemIndent = idt;
this.menuItemBgColor = bg;
this.menuItemVAlign = valgn;
this.menuItemHAlign = halgn;
this.menuItemPadding = pad;
this.menuItemSpacing = space;
this.menuLiteBgColor = "#ffffff";
this.menuBorderBgColor = "#777777";
this.menuHiliteBgColor = bgh;
this.menuContainerBgColor = "#cccccc";
this.childMenuIcon = "arrows.gif";
this.submenuXOffset = sx;
this.submenuYOffset = sy;
this.submenuRelativeToItem = srel;
this.vertical = vert;
this.items = new Array();
this.actions = new Array();
this.childMenus = new Array();
this.hideOnMouseOut = true;
this.hideTimeout = to;
this.addMenuItem = addMenuItem;
this.writeMenus = writeMenus;
this.MM_showMenu = MM_showMenu;
this.onMenuItemOver = onMenuItemOver;
this.onMenuItemAction = onMenuItemAction;
this.hideMenu = hideMenu;
this.hideChildMenu = hideChildMenu;
if (!window.menus) window.menus = new Array();
this.label = " " + label;
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 FIND(item) {
if( window.mmIsOpera ) return(document.getElementById(item));
if (document.all) return(document.all[item]);
if (document.getElementById) return(document.getElementById(item));
return(false);
}

function writeMenus(container) {
if (window.triedToWriteMenus) return;
var agt = navigator.userAgent.toLowerCase();
window.mmIsOpera = agt.indexOf("opera") != -1;
if (!container && document.layers) {
   window.delayWriteMenus = this.writeMenus;
   var timer = setTimeout('delayWriteMenus()', 500);
   container = new Layer(100);
   clearTimeout(timer);
} else if (document.all || document.hasChildNodes || window.mmIsOpera) {
   document.writeln('<span id="menuContainer"></span>');
   container = FIND("menuContainer");
}

window.mmHideMenuTimer = 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[i] = window.menus[i];
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[i];
   if (menu.bgImageUp || !menu.menuBgOpaque) {
      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:10px;top:'+ (i * 100) +'px;visibility:hidden;color:' + menu.menuBorderBgColor + ';">\n'+
      ' <div id="menuLite'+ countMenus +'" style="position:absolute;z-index:1;left:'+ menu.menuBorder +'px;top:'+ menu.menuBorder +'px;visibility:hide;" onmouseout="mouseoutMenu();">\n'+
      ' <div id="menuFg'+ countMenus +'" style="position:absolute;left:'+ menu.menuBorder +'px;top:'+ menu.menuBorder +'px;visibility:hide;">\n'+
      '';
   }
   var x=i;
   for (var i=0; i<menu.items.length; i++) {
      var item = menu.items[i];
      var childMenu = false;
      var defaultHeight = menu.fontSize+2*menu.menuItemPadding;
      if (item.label) {
         item = item.label;
         childMenu = true;
      }
      menu.menuItemHeight = menu.menuItemHeight || defaultHeight;
      var itemProps = '';
      if( menu.fontFamily != '' ) itemProps += 'font-family:' + menu.fontFamily +';';
      itemProps += 'font-weight:' + menu.fontWeight + ';fontSize:' + menu.fontSize + 'px;';
      if (menu.fontStyle) itemProps += 'font-style:' + menu.fontStyle + ';';
      if (document.all || window.mmIsOpera)
         itemProps += 'font-size:' + menu.fontSize + 'px;" onmouseover="onMenuItemOver(null,this);" onclick="onMenuItemAction(null,this);';
      else if (!document.layers) {
         itemProps += 'font-size:' + menu.fontSize + 'px;';
      }
      var l;
      if (lrs) {
         var lw = menu.menuWidth;
         if( menu.menuItemHAlign == 'right' ) lw -= menu.menuItemPadding;
         l = new Layer(lw,body);
      }
      var itemLeft = 0;
      var itemTop = i*menu.menuItemHeight;
      if( !menu.vertical ) {
         itemLeft = i*menu.menuWidth;
         itemTop = 0;
      }
      var dTag = '<div id="menuItem'+ countItems +'" style="position:absolute;left:' + itemLeft + 'px;top:'+ itemTop +'px;'+ itemProps +'">';
      var dClose = '</div>'
      if (menu.bgImageUp) dTag = '<div id="menuItem'+ countItems +'" style="background:url('+menu.bgImageUp+');position:absolute;left:' + itemLeft + 'px;top:'+ itemTop +'px;'+ itemProps +'">';

      var left = 0, top = 0, right = 0, bottom = 0;
      left = 1 + menu.menuItemPadding + menu.menuItemIndent;
      right = left + menu.menuWidth - 2*menu.menuItemPadding - menu.menuItemIndent;
      if( menu.menuItemVAlign == 'top' ) top = menu.menuItemPadding;
      if( menu.menuItemVAlign == 'bottom' ) top = menu.menuItemHeight-menu.fontSize-1-menu.menuItemPadding;
      if( menu.menuItemVAlign == 'middle' ) top = ((menu.menuItemHeight/2)-(menu.fontSize/2)-1);
      bottom = menu.menuItemHeight - 2*menu.menuItemPadding;
      var textProps = 'position:absolute;left:' + left + 'px;top:' + top + 'px;';
      if (lrs) {
         textProps +=itemProps + 'right:' + right + ';bottom:' + bottom + ';';
         dTag = "";
         dClose = "";
      }

      if(document.all && !window.mmIsOpera) {
         item = '<div align="' + menu.menuItemHAlign + '">' + item + '</div>';
      } else if (lrs) {
         item = '<div style="text-align:' + menu.menuItemHAlign + ';">' + item + '</div>';
      } else {
         var hitem = null;
         if( menu.menuItemHAlign != 'left' ) {
            if(window.mmIsOpera) {
               var operaWidth = menu.menuItemHAlign == 'center' ? -(menu.menuWidth-2*menu.menuItemPadding) : (menu.menuWidth-6*menu.menuItemPadding);
               hitem = '<div id="menuItemHilite' + countItems + 'Shim" style="position:absolute;top:1px;left:' + menu.menuItemPadding + 'px;width:' + operaWidth + 'px;text-align:'
                  + menu.menuItemHAlign + ';visibility:visible;">' + item + '</div>';
               item = '<div id="menuItemText' + countItems + 'Shim" style="position:absolute;top:1px;left:' + menu.menuItemPadding + 'px;width:' + operaWidth + 'px;text-align:'
                  + menu.menuItemHAlign + ';visibility:visible;">' + item + '</div>';
            } else {
               hitem = '<div id="menuItemHilite' + countItems + 'Shim" style="position:absolute;top:1px;left:1px;right:-' + (left+menu.menuWidth-3*menu.menuItemPadding) + 'px;text-align:'
                  + menu.menuItemHAlign + ';visibility:visible;">' + item + '</div>';
               item = '<div id="menuItemText' + countItems + 'Shim" style="position:absolute;top:1px;left:1px;right:-' + (left+menu.menuWidth-3*menu.menuItemPadding) + 'px;text-align:'
                  + menu.menuItemHAlign + ';visibility:visible;">' + item + '</div>';
            }
         } else hitem = null;
      }
      if(document.all && !window.mmIsOpera) item = '<div id="menuItemShim' + countItems + '" style="position:absolute;left:0px;top:0px;">' + item + '</div>';
      var dText = '<div id="menuItemText'+ countItems +'" style="' + textProps + 'color:'+ menu.fontColor +';">'+ item +' </div>\n'
               + '<div id="menuItemHilite'+ countItems +'" style="' + textProps + 'color:'+ menu.fontColorHilite +';visibility:hidden;">'
               + (hitem||item) +' </div>';
      if (childMenu) content += ( dTag + dText + '<div id="childMenu'+ countItems +'" style="position:absolute;left:0px;top:3px;"><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) {
      var focusItem = new Layer(100, body);
      focusItem.visiblity="hidden";
      focusItem.document.open("text/html");
      focusItem.document.writeln(" ;");
      focusItem.document.close();
   } else {
      content += '    <div id="focusItem'+ countMenus +'" style="position:absolute;left:0px;top:0px;visibility:hide;" onclick="onMenuItemAction(null,this);"> ;</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[i];
      var menu = container.document.layers[i];
      container.menus[i].menuLayer = menu;
      container.menus[i].menuLayer.Menu = container.menus[i];
      container.menus[i].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[i];
         l.menuHiliteBgColor = proto.menuHiliteBgColor;
         l.document.bgColor = proto.menuItemBgColor;
         l.saveColor = proto.menuItemBgColor;
         l.onmouseover = proto.onMenuItemOver;
         l.onclick = proto.onMenuItemAction;
         l.mmaction = container.menus[i].actions[n];
         l.focusItem = body.document.layers[body.document.layers.length-1];
         l.clip.width = proto.menuWidth || body.clip.width;
         l.clip.height = proto.menuItemHeight || l.clip.height;
         if (n>0) {
            if( l.Menu.vertical ) l.top = body.document.layers[n-1].top + body.document.layers[n-1].clip.height + proto.menuItemBorder + proto.menuItemSpacing;
            else l.left = body.document.layers[n-1].left + body.document.layers[n-1].clip.width + proto.menuItemBorder + proto.menuItemSpacing;
         }
         l.hilite = l.document.layers[1];
         if (proto.bgImageUp) l.background.src = proto.bgImageUp;
         l.document.layers[1].isHilite = true;
         if (l.document.layers.length > 2) {
            l.childMenu = container.menus[i].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;
         }
      }
      if( proto.menuBgOpaque ) body.document.bgColor = proto.bgColor;
      if( proto.vertical ) {
         body.clip.width = l.clip.width +proto.menuBorder;
         body.clip.height = l.top + l.clip.height +proto.menuBorder;
      } else {
         body.clip.height = l.clip.height +proto.menuBorder;
         body.clip.width = l.left + l.clip.width +proto.menuBorder;
         if( body.clip.width > window.innerWidth ) body.clip.width = window.innerWidth;
      }
      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;
      if( proto.menuBgOpaque ) menu.document.bgColor = proto.menuBorderBgColor;
      var lite = menu.document.layers[0];
      if( proto.menuBgOpaque ) 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) && !window.mmIsOpera) {
      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.pixeltop = -300;
      s.pixelleft = -300;
      s.top = '-300px';
      s.left = '-300px';

      var menu = container.menus[x];
      menu.menuItemWidth = menu.menuWidth || menu.menuIEWidth || 140;
      if( menu.menuBgOpaque ) menuLayer.style.backgroundColor = menu.menuBorderBgColor;
      var top = 0;
      var left = 0;
      menu.menuItemLayers = new Array();
      for (var i=0; i<container.menus[x].items.length; i++) {
         var l = FIND("menuItem" + menuCount);
         l.Menu = container.menus[x];
         l.Menu.menuItemLayers[l.Menu.menuItemLayers.length] = l;
         if (l.addEventListener || window.mmIsOpera) {
            l.style.width = menu.menuItemWidth + 'px';
            l.style.height = menu.menuItemHeight + 'px';
            l.style.pixelWidth = menu.menuItemWidth;
            l.style.pixelHeight = menu.menuItemHeight;
            l.style.top = top + 'px';
            l.style.left = left + 'px';
            if(l.addEventListener) {
               l.addEventListener("mouseover", onMenuItemOver, false);
               l.addEventListener("click", onMenuItemAction, false);
               l.addEventListener("mouseout", mouseoutMenu, false);
            }
            if( menu.menuItemHAlign != 'left' ) {
               l.hiliteShim = FIND("menuItemHilite" + menuCount + "Shim");
               l.hiliteShim.style.visibility = "inherit";
               l.textShim = FIND("menuItemText" + menuCount + "Shim");
               l.hiliteShim.style.pixelWidth = menu.menuItemWidth - 2*menu.menuItemPadding - menu.menuItemIndent;
               l.hiliteShim.style.width = l.hiliteShim.style.pixelWidth;
               l.textShim.style.pixelWidth = menu.menuItemWidth - 2*menu.menuItemPadding - menu.menuItemIndent;
               l.textShim.style.width = l.textShim.style.pixelWidth;
            }
         } else {
            l.style.pixelWidth = menu.menuItemWidth;
            l.style.pixelHeight = menu.menuItemHeight;
            l.style.pixelTop = top;
            l.style.pixelLeft = left;
            if( menu.menuItemHAlign != 'left' ) {
               var shim = FIND("menuItemShim" + menuCount);
               shim[0].style.pixelWidth = menu.menuItemWidth - 2*menu.menuItemPadding - menu.menuItemIndent;
               shim[1].style.pixelWidth = menu.menuItemWidth - 2*menu.menuItemPadding - menu.menuItemIndent;
               shim[0].style.width = shim[0].style.pixelWidth + 'px';
               shim[1].style.width = shim[1].style.pixelWidth + 'px';
            }
         }
         if( menu.vertical ) top = top + menu.menuItemHeight+menu.menuItemBorder+menu.menuItemSpacing;
         else left = left + menu.menuItemWidth+menu.menuItemBorder+menu.menuItemSpacing;
         l.style.fontSize = menu.fontSize + 'px';
         l.style.backgroundColor = menu.menuItemBgColor;
         l.style.visibility = "inherit";
         l.saveColor = menu.menuItemBgColor;
         l.menuHiliteBgColor = menu.menuHiliteBgColor;
         l.mmaction = container.menus[x].actions[i];
         l.hilite = FIND("menuItemHilite" + menuCount);
         l.focusItem = FIND("focusItem" + x);
         l.focusItem.style.pixelTop = -30;
         l.focusItem.style.top = '-30px';
         var childItem = FIND("childMenu" + menuCount);
         if (childItem) {
            l.childMenu = container.menus[x].items[i].menuLayer;
            childItem.style.pixelLeft = menu.menuItemWidth -11;
            childItem.style.left = childItem.style.pixelLeft + 'px';
            childItem.style.pixelTop = (menu.menuItemHeight /2) -4;
            childItem.style.top = childItem.style.pixelTop + 'px';
            l.Menu.childMenus[l.Menu.childMenus.length] = l.childMenu;
         }
         l.style.cursor = "hand";
         menuCount++;
      }
      if( menu.vertical ) {
         menu.menuHeight = top-1-menu.menuItemSpacing;
         menu.menuWidth = menu.menuItemWidth;
      } else {
         menu.menuHeight = menu.menuItemHeight;
         menu.menuWidth = left-1-menu.menuItemSpacing;
      }

      var lite = FIND("menuLite" + x);
      var s = lite.style;
      s.pixelHeight = menu.menuHeight +(menu.menuBorder * 2);
      s.height = s.pixelHeight + 'px';
      s.pixelWidth = menu.menuWidth + (menu.menuBorder * 2);
      s.width = s.pixelWidth + 'px';
      if( menu.menuBgOpaque ) s.backgroundColor = menu.menuLiteBgColor;

      var body = FIND("menuFg" + x);
      s = body.style;
      s.pixelHeight = menu.menuHeight + menu.menuBorder;
      s.height = s.pixelHeight + 'px';
      s.pixelWidth = menu.menuWidth + menu.menuBorder;
      s.width = s.pixelWidth + 'px';
      if( menu.menuBgOpaque ) s.backgroundColor = menu.bgColor;

      s = menuLayer.style;
      s.pixelWidth = menu.menuWidth + (menu.menuBorder * 4);
      s.width = s.pixelWidth + 'px';
      s.pixelHeight = menu.menuHeight+(menu.menuBorder*4);
      s.height = s.pixelHeight + 'px';
   }
}
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;
   setTimeout("NS4resize()",500);
}
document.onmouseup = mouseupMenu;
window.mmWroteMenu = true;
status = "";
}

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

function onMenuItemOver(e, l) {
MM_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.focusItem.left = this.left;
   l.focusItem.clip.width = l.clip.width;
   l.focusItem.clip.height = l.clip.height;
   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.hiliteShim) a.hiliteShim.style.visibility = "inherit";
      if (a.Menu.bgImageUp) a.style.background = "url(" + a.Menu.bgImageUp +")";;
   }
   l.style.backgroundColor = l.menuHiliteBgColor;
   l.zIndex = 1;
   if (l.Menu.bgImageOver) l.style.background = "url(" + l.Menu.bgImageOver +")";
   if (l.hilite) {
      l.hilite.style.visibility = "inherit";
      if( l.hiliteShim ) l.hiliteShim.style.visibility = "visible";
   }
   l.focusItem.style.pixelTop = l.style.pixelTop;
   l.focusItem.style.top = l.focusItem.style.pixelTop + 'px';
   l.focusItem.style.pixelLeft = l.style.pixelLeft;
   l.focusItem.style.left = l.focusItem.style.pixelLeft + 'px';
   l.focusItem.style.zIndex = l.zIndex +1;
   l.Menu.hideChildMenu(l);
} else return;
window.ActiveMenuItem = l;
}

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

function MM_clearTimeout() {
if (mmHideMenuTimer) clearTimeout(mmHideMenuTimer);
mmHideMenuTimer = null;
mmDHFlag = false;
}

function MM_startTimeout() {
if( window.ActiveMenu ) {
   mmStart = new Date();
   mmDHFlag = true;
   mmHideMenuTimer = setTimeout("mmDoHide()", window.ActiveMenu.Menu.hideTimeout);
}
}

function mmDoHide() {
if (!mmDHFlag || !window.ActiveMenu) return;
var elapsed = new Date() - mmStart;
var timeout = window.ActiveMenu.Menu.hideTimeout;
if (elapsed < timeout) {
   mmHideMenuTimer = setTimeout("mmDoHide()", timeout+100-elapsed);
   return;
}
mmDHFlag = false;
hideActiveMenus();
window.ActiveMenuItem = 0;
}

function MM_showMenu(menu, x, y, child, imgname) {
if (!window.mmWroteMenu) return;
MM_clearTimeout();
if (menu) {
   var obj = FIND(imgname) || document.images[imgname] || document.links[imgname] || document.anchors[imgname];
   x = moveXbySlicePos (x, obj);
   y = moveYbySlicePos (y, obj);
}
if (document.layers) {
   if (menu) {
      var l = menu.menuLayer || menu;
      l.top = l.left = 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[i].isHilite) l.layers[i].visibility = "inherit";
      if (l.layers[i].document.layers.length > 0) MM_showMenu(null, "relative", "relative", l.layers[i]);
   }
   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.Menu.menuBgOpaque ) 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.pixelLeft = x || (window.pageX + document.body.scrollLeft) || 0;
      s.left = s.pixelLeft + 'px';
   }
   if (y != "relative") {
      s.pixelTop = y || (window.pageY + document.body.scrollTop) || 0;
      s.top = s.pixelTop + 'px';
   }
   l.Menu.xOffset = document.body.scrollLeft;
   l.Menu.yOffset = document.body.scrollTop;
}
if (menu) window.activeMenus[window.activeMenus.length] = l;
MM_clearTimeout();
}

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

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

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;
}

function mouseoutMenu() {
if ((navigator.appName == "Microsoft Internet Explorer") && (getExplorerVersion() < 4.5))
   return true;
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.mmaction && 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();', 500);
      }
   }
   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.hiliteShim) a.hiliteShim.style.visibility = "inherit";
      if (a.Menu.bgImageUp) a.style.background = "url(" + a.Menu.bgImageUp +")";
   }
}
if (!mouseup && window.ActiveMenu) {
   if (window.ActiveMenu.Menu) {
      if (window.ActiveMenu.Menu.hideOnMouseOut) MM_startTimeout();
      return(true);
   }
}
return(true);
}

function hideChildMenu(hcmLayer) {
MM_clearTimeout();
var l = hcmLayer;
for (var i=0; i < l.Menu.childMenus.length; i++) {
   var theLayer = l.Menu.childMenus[i];
   if (document.layers) theLayer.visibility = "hidden";
   else {
      theLayer = FIND(theLayer);
      theLayer.style.visibility = "hidden";
      if( theLayer.Menu.menuItemHAlign != 'left' ) {
         for(var j = 0; j < theLayer.Menu.menuItemLayers.length; j++) {
            var itemLayer = theLayer.Menu.menuItemLayers[j];
            if(itemLayer.textShim) itemLayer.textShim.style.visibility = "inherit";
         }
      }
   }
   theLayer.Menu.hideChildMenu(theLayer);
}
if (l.childMenu) {
   var childMenu = l.childMenu;
   if (document.layers) {
      l.Menu.MM_showMenu(null,null,null,childMenu.layers[0]);
      childMenu.zIndex = l.parentLayer.zIndex +1;
      childMenu.top = l.Menu.menuLayer.top + l.Menu.submenuYOffset;
      if( l.Menu.vertical ) {
         if( l.Menu.submenuRelativeToItem ) childMenu.top += l.top + l.parentLayer.top;
         childMenu.left = l.parentLayer.left + l.parentLayer.clip.width - (2*l.Menu.menuBorder) + l.Menu.menuLayer.left + l.Menu.submenuXOffset;
      } else {
         childMenu.top += l.top + l.parentLayer.top;
         if( l.Menu.submenuRelativeToItem ) childMenu.left = l.Menu.menuLayer.left + l.left + l.clip.width + (2*l.Menu.menuBorder) + l.Menu.submenuXOffset;
         else childMenu.left = l.parentLayer.left + l.parentLayer.clip.width - (2*l.Menu.menuBorder) + l.Menu.menuLayer.left + l.Menu.submenuXOffset;
      }
      if( childMenu.left < l.Menu.container.clip.left ) l.Menu.container.clip.left = childMenu.left;
      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 || window.mmIsOpera) {
         s.pixelTop = menuLayer.style.pixelTop + l.Menu.submenuYOffset;
         if( l.Menu.vertical ) {
            if( l.Menu.submenuRelativeToItem ) s.pixelTop += l.style.pixelTop;
            s.pixelLeft = l.style.pixelWidth + menuLayer.style.pixelLeft + l.Menu.submenuXOffset;
            s.left = s.pixelLeft + 'px';
         } else {
            s.pixelTop += l.style.pixelTop;
            if( l.Menu.submenuRelativeToItem ) s.pixelLeft = menuLayer.style.pixelLeft + l.style.pixelLeft + l.style.pixelWidth + (2*l.Menu.menuBorder) + l.Menu.submenuXOffset;
            else s.pixelLeft = (menuLayer.style.pixelWidth-4*l.Menu.menuBorder) + menuLayer.style.pixelLeft + l.Menu.submenuXOffset;
            s.left = s.pixelLeft + 'px';
         }
      } else {
         var top = parseInt(menuLayer.style.top) + l.Menu.submenuYOffset;
         var left = 0;
         if( l.Menu.vertical ) {
            if( l.Menu.submenuRelativeToItem ) top += parseInt(l.style.top);
            left = (parseInt(menuLayer.style.width)-4*l.Menu.menuBorder) + parseInt(menuLayer.style.left) + l.Menu.submenuXOffset;
         } else {
            top += parseInt(l.style.top);
            if( l.Menu.submenuRelativeToItem ) left = parseInt(menuLayer.style.left) + parseInt(l.style.left) + parseInt(l.style.width) + (2*l.Menu.menuBorder) + l.Menu.submenuXOffset;
            else left = (parseInt(menuLayer.style.width)-4*l.Menu.menuBorder) + parseInt(menuLayer.style.left) + l.Menu.submenuXOffset;
         }
         s.top = top + 'px';
         s.left = left + 'px';
      }
      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[i]) continue;
   if (activeMenus[i].visibility && activeMenus[i].Menu && !window.mmIsOpera) {
      activeMenus[i].visibility = "hidden";
      activeMenus[i].Menu.container.visibility = "hidden";
      activeMenus[i].Menu.container.clip.left = 0;
   } else if (activeMenus[i].style) {
      var s = activeMenus[i].style;
      s.visibility = "hidden";
      s.left = '-200px';
      s.top = '-200px';
   }
}
if (window.ActiveMenuItem) hideMenu(false, false);
window.activeMenus.length = 0;
}

function moveXbySlicePos (x, img) {
if (!document.layers) {
   var onWindows = navigator.platform ? navigator.platform == "Win32" : false;
   var macIE45 = document.all && !onWindows && getExplorerVersion() == 4.5;
   var par = img;
   var lastOffset = 0;
   while(par){
      if( par.leftMargin && ! onWindows ) x += parseInt(par.leftMargin);
      if( (par.offsetLeft != lastOffset) && par.offsetLeft ) x += parseInt(par.offsetLeft);
      if( par.offsetLeft != 0 ) lastOffset = par.offsetLeft;
      par = macIE45 ? par.parentElement : par.offsetParent;
   }
} else if (img.x) x += img.x;
return x;
}

function moveYbySlicePos (y, img) {
if(!document.layers) {
   var onWindows = navigator.platform ? navigator.platform == "Win32" : false;
   var macIE45 = document.all && !onWindows && getExplorerVersion() == 4.5;
   var par = img;
   var lastOffset = 0;
   while(par){
      if( par.topMargin && !onWindows ) y += parseInt(par.topMargin);
      if( (par.offsetTop != lastOffset) && par.offsetTop ) y += parseInt(par.offsetTop);
      if( par.offsetTop != 0 ) lastOffset = par.offsetTop;
      par = macIE45 ? par.parentElement : par.offsetParent;
   }
} else if (img.y >= 0) y += img.y;
return y;
}

Try changing this.hideOnMouseOut = true; to false and see if that doesn't do the trick.

Kelly

oy. Thanks Kelly. I know. I wish. I tried that before. Somehow it doesn't have an overall effect on the script. I tried it again just now to appease my denial. but nope. Here is sort of an example of what I'm using it in. [ Register or login to view links on this board.]
Thanks.

OK, I'm just taking a wild stab in the dark, but it seems like the part of the script you want to alter is this:

Register

Nope. That didn't work. Sorry. Wish it did.

Yeah. I know. This thing is killing me. I know it's doable for someone
who's a java king. Even if I gotta clue that would help. But I don't expect someone to just come along and figure it out. I've been trying to for days. Unfortunately, the basic settings in this case don't really cut it but ... yeah ... you would think someone would code something like this in. but nope.

Oh. by the way. I like your postmark or whatever you call it. Reminds me of a post that I did on another board regarding water effects and Flash. I believe yours is done with a series of masks for the ripple effect. A few others and I on the board were writing algos for water effects. So just for the heck of it I'd share. I rewrote this one to get this effect I like. Figured you might like it. Put it in the first frame in actionscript.

_global.LARG = Stage.width;
_global.HAUT = Stage.height;
onEnterFrame = function () {
clear();
for (var i = 0; i < 30; i++) {
tt++;
sin_1 = Math.sin((i / 3) + tt / 199);
sin_2 = Math.sin((i / 3) + tt / 229);
sin_3 = Math.sin((i / 6) + tt / 210);
rc = Math.pow(i, 4);
couleur = Math.sin(rc++) * 0 + 256 << 16 | Math.sin(rc) * 0 + 256 << 8 | Math.cos(rc--) * 127 + 128;
// -------------------------------
lineStyle(9 + 8 * sin_3, couleur, 4);
moveTo(0, 14 * i - 50 * sin_3);
curveTo(LARG / 4, 14 * i + 20 * sin_1, LARG / 2, 14 * i);
curveTo(3 * LARG / 4, 14 * i - 40 * sin_1, LARG, 14 * i + 50 * sin_3);
// -------------------------------

}
};

Sorry I couldn't help. Hopefully you will get it figured out.

Thx for the compliment on my signature. I can't take all the credit though. Red did it. He's my own personal Flash guru. LOL All I did was create the background graphic and he made the Flash out of it.

I do seem to recall him telling me that he was using masks and the ripple effect while he was making it. I like the actionscript you did. I'll pass it along to Red. I'm sure he'll know what to do with it.

Good luck with your menu!

Kelly