I%26#039;ve been trying so hard to make this for several weeks and I just can%26#039;t do it. Here%26#039;s what it looks like: www.ivoog.com/preview.html
I need to make this menu work. I want it so when you mouseover one of the buttons, such as the buy button, sub-links appear in the little silver boxes under them. Can anyone help me do this? Does anyone know a website builder that can do is? Can anyone build a code for this that will make it work? Thanks your help is greatly appreciated.
Navigation menu help?
I am not exactly sure, but there will be some free codes that have what you want. You need to use Java for that action so maybe search
Java dropdown navigation code
Navigation menu help?
//add this in the header of your html page
%26lt;script language=%26quot;JavaScript%26quot; type=%26quot;text/JavaScript%26quot;%26gt;
%26lt;!--
function mmLoadMenus() {
if (window.mm_menu_1021083205_0) return;
window.mm_menu_1021083205_0 = new Menu(%26quot;root%26quot;,61,18,%26quot;%26quot;,12,%26quot;#000000%26quot;,%26quot;#FFFF...
mm_menu_1021083205_0.addMenuItem(%26quot;new鑱?%26quot;... %26#039;_self%26#039;);%26quot;);
mm_menu_1021083205_0.addMenuItem(%26quot;new鑱?%26quot;... %26#039;_self%26#039;);%26quot;);
mm_menu_1021083205_0.addMenuItem(%26quot;new鑱?%26quot;... %26#039;_self%26#039;);%26quot;);
mm_menu_1021083205_0.hideOnMouseOut=true...
mm_menu_1021083205_0.bgColor=%26#039;#555555%26#039;;
mm_menu_1021083205_0.menuBorder=1;
mm_menu_1021083205_0.menuLiteBgColor=%26#039;#F...
mm_menu_1021083205_0.menuBorderBgColor=%26#039;...
mm_menu_1021083205_0.writeMenus();
} // mmLoadMenus()
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a%26amp;%26amp;i%26lt;a.length%26amp;%26amp;(x=a[i])%26amp;%26amp;x.oSrc;... x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arg... for(i=0; i%26lt;a.length; i++)
if (a[i].indexOf(%26quot;#%26quot;)!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf(%26quot;?%26quot;))%26gt;0%26amp;%26amp;parent.frames.l... {
d=parent.frames[n.substring(p+1)].docume... n=n.substring(0,p);}
if(!(x=d[n])%26amp;%26amp;d.all) x=d.all[n]; for (i=0;!x%26amp;%26amp;i%26lt;d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x%26amp;%26amp;d.layers%26amp;%26amp;i%26lt;d.layers.length;... x=MM_findObj(n,d.layers[i].document);
if(!x %26amp;%26amp; d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i%26lt;(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM... if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//--%26gt;
%26lt;/script%26gt;
%26lt;script language=%26quot;JavaScript%26quot; src=%26quot;mm_menu.js%26quot;%26gt;%26lt;/script%26gt;
//now add this in your body page, where the navi menu is
%26lt;body onLoad=%26quot;MM_preloadImages(%26#039;../My%20Docume...
%26lt;script language=%26quot;JavaScript1.2%26quot;%26gt;mmLoadMenus();%26lt;...
%26lt;a href=%26quot;aaa.html%26quot; onMouseOut=%26quot;MM_swapImgRestore();MM_start... onMouseOver=%26quot;MM_swapImage(%26#039;Image1%26#039;,%26#039;%26#039;,%26#039;.... src=%26quot;../My%20Documents/My%20Pictures/unt... alt=%26quot;hey%26quot; name=%26quot;Image1%26quot; width=%26quot;50%26quot; height=%26quot;20%26quot; border=%26quot;0%26quot;%26gt;%26lt;/a%26gt;
//now create a new file call mm_menu and add this in...
/**
* 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 %26quot;AS IS,%26quot; 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 = %26quot;020320 [Menu; mm_menu.js]%26quot;;
this.type = %26quot;Menu%26quot;;
this.menuWidth = mw;
this.menuItemHeight = mh;
this.fontSize = fs;
this.fontWeight = %26quot;plain%26quot;;
this.fontFamily = fnt;
this.fontColor = fclr;
this.fontColorHilite = fhclr;
this.bgColor = %26quot;#555555%26quot;;
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 = %26quot;#ffffff%26quot;;
this.menuBorderBgColor = %26quot;#777777%26quot;;
this.menuHiliteBgColor = bgh;
this.menuContainerBgColor = %26quot;#cccccc%26quot;;
this.childMenuIcon = %26quot;arrows.gif%26quot;;
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 = %26quot; %26quot; + 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(%26quot;opera%26quot;) != -1;
if (!container %26amp;%26amp; document.layers) {
window.delayWriteMenus = this.writeMenus;
var timer = setTimeout(%26#039;delayWriteMenus()%26#039;, 500);
container = new Layer(100);
clearTimeout(timer);
} else if (document.all || document.hasChildNodes || window.mmIsOpera) {
document.writeln(%26#039;%26lt;span id=%26quot;menuContainer%26quot;%26gt;%26lt;/span%26gt;%26#039;);
container = FIND(%26quot;menuContainer%26quot;);
}
window.mmHideMenuTimer = null;
if (!container) return;
window.triedToWriteMenus = true;
container.isContainer = true;
container.menus = new Array();
for (var i=0; i%26lt;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 = %26#039;%26#039;;
var lrs = false;
var theStat = %26quot;%26quot;;
var tsc = 0;
if (document.layers) lrs = true;
for (var i=0; i%26lt;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 += %26#039;%26#039;+
%26#039;%26lt;div id=%26quot;menuLayer%26#039;+ countMenus +%26#039;%26quot; style=%26quot;position:absolute;z-index:1;left:... (i * 100) +%26#039;px;visibility:hidden;color:%26#039; + menu.menuBorderBgColor + %26#039;;%26quot;%26gt;\n%26#039;+
%26#039; %26lt;div id=%26quot;menuLite%26#039;+ countMenus +%26#039;%26quot; style=%26quot;position:absolute;z-index:1;left:... menu.menuBorder +%26#039;px;top:%26#039;+ menu.menuBorder +%26#039;px;visibility:hide;%26quot; onmouseout=%26quot;mouseoutMenu();%26quot;%26gt;\n%26#039;+
%26#039; %26lt;div id=%26quot;menuFg%26#039;+ countMenus +%26#039;%26quot; style=%26quot;position:absolute;left:%26#039;+ menu.menuBorder +%26#039;px;top:%26#039;+ menu.menuBorder +%26#039;px;visibility:hide;%26quot;%26gt;\n%26#039;+
%26#039;%26#039;;
}
var x=i;
for (var i=0; i%26lt;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 = %26#039;%26#039;;
if( menu.fontFamily != %26#039;%26#039; ) itemProps += %26#039;font-family:%26#039; + menu.fontFamily +%26#039;;%26#039;;
itemProps += %26#039;font-weight:%26#039; + menu.fontWeight + %26#039;;fontSize:%26#039; + menu.fontSize + %26#039;px;%26#039;;
if (menu.fontStyle) itemProps += %26#039;font-style:%26#039; + menu.fontStyle + %26#039;;%26#039;;
if (document.all || window.mmIsOpera)
itemProps += %26#039;font-size:%26#039; + menu.fontSize + %26#039;px;%26quot; onmouseover=%26quot;onMenuItemOver(null,this);%26quot; onclick=%26quot;onMenuItemAction(null,this);%26#039;;
else if (!document.layers) {
itemProps += %26#039;font-size:%26#039; + menu.fontSize + %26#039;px;%26#039;;
}
var l;
if (lrs) {
var lw = menu.menuWidth;
if( menu.menuItemHAlign == %26#039;right%26#039; ) 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 = %26#039;%26lt;div id=%26quot;menuItem%26#039;+ countItems +%26#039;%26quot; style=%26quot;position:absolute;left:%26#039; + itemLeft + %26#039;px;top:%26#039;+ itemTop +%26#039;px;%26#039;+ itemProps +%26#039;%26quot;%26gt;%26#039;;
var dClose = %26#039;%26lt;/div%26gt;%26#039;
if (menu.bgImageUp) dTag = %26#039;%26lt;div id=%26quot;menuItem%26#039;+ countItems +%26#039;%26quot; style=%26quot;background:url(%26#039;+menu.bgImageUp+%26#039;... + itemLeft + %26#039;px;top:%26#039;+ itemTop +%26#039;px;%26#039;+ itemProps +%26#039;%26quot;%26gt;%26#039;;
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 == %26#039;top%26#039; ) top = menu.menuItemPadding;
if( menu.menuItemVAlign == %26#039;bottom%26#039; ) top = menu.menuItemHeight-menu.fontSize-1-menu...
if( menu.menuItemVAlign == %26#039;middle%26#039; ) top = ((menu.menuItemHeight/2)-(menu.fontSize/...
bottom = menu.menuItemHeight - 2*menu.menuItemPadding;
var textProps = %26#039;position:absolute;left:%26#039; + left + %26#039;px;top:%26#039; + top + %26#039;px;%26#039;;
if (lrs) {
textProps +=itemProps + %26#039;right:%26#039; + right + %26#039;;bottom:%26#039; + bottom + %26#039;;%26#039;;
dTag = %26quot;%26quot;;
dClose = %26quot;%26quot;;
}
if(document.all %26amp;%26amp; !window.mmIsOpera) {
item = %26#039;%26lt;div align=%26quot;%26#039; + menu.menuItemHAlign + %26#039;%26quot;%26gt;%26#039; + item + %26#039;%26lt;/div%26gt;%26#039;;
} else if (lrs) {
item = %26#039;%26lt;div style=%26quot;text-align:%26#039; + menu.menuItemHAlign + %26#039;;%26quot;%26gt;%26#039; + item + %26#039;%26lt;/div%26gt;%26#039;;
} else {
var hitem = null;
if( menu.menuItemHAlign != %26#039;left%26#039; ) {
if(window.mmIsOpera) {
var operaWidth = menu.menuItemHAlign == %26#039;center%26#039; ? -(menu.menuWidth-2*menu.menuItemPadding) : (menu.menuWidth-6*menu.menuItemPadding);
hitem = %26#039;%26lt;div id=%26quot;menuItemHilite%26#039; + countItems + %26#039;Shim%26quot; style=%26quot;position:absolute;top:1px;left:%26#039; + menu.menuItemPadding + %26#039;px;width:%26#039; + operaWidth + %26#039;px;text-align:%26#039;
+ menu.menuItemHAlign + %26#039;;visibility:visible;%26quot;%26gt;%26#039; + item + %26#039;%26lt;/div%26gt;%26#039;;
item = %26#039;%26lt;div id=%26quot;menuItemText%26#039; + countItems + %26#039;Shim%26quot; style=%26quot;position:absolute;top:1px;left:%26#039; + menu.menuItemPadding + %26#039;px;width:%26#039; + operaWidth + %26#039;px;text-align:%26#039;
+ menu.menuItemHAlign + %26#039;;visibility:visible;%26quot;%26gt;%26#039; + item + %26#039;%26lt;/div%26gt;%26#039;;
} else {
hitem = %26#039;%26lt;div id=%26quot;menuItemHilite%26#039; + countItems + %26#039;Shim%26quot; style=%26quot;position:absolute;top:1px;left:1p... + (left+menu.menuWidth-3*menu.menuItemPadd... + %26#039;px;text-align:%26#039;
+ menu.menuItemHAlign + %26#039;;visibility:visible;%26quot;%26gt;%26#039; + item + %26#039;%26lt;/div%26gt;%26#039;;
item = %26#039;%26lt;div id=%26quot;menuItemText%26#039; + countItems + %26#039;Shim%26quot; style=%26quot;position:absolute;top:1px;left:1p... + (left+menu.menuWidth-3*menu.menuItemPadd... + %26#039;px;text-align:%26#039;
+ menu.menuItemHAlign + %26#039;;visibility:visible;%26quot;%26gt;%26#039; + item + %26#039;%26lt;/div%26gt;%26#039;;
}
} else hitem = null;
}
if(document.all %26amp;%26amp; !window.mmIsOpera) item = %26#039;%26lt;div id=%26quot;menuItemShim%26#039; + countItems + %26#039;%26quot; style=%26quot;position:absolute;left:0px;top:0p... + item + %26#039;%26lt;/div%26gt;%26#039;;
var dText= %26#039;%26lt;div id=%26quot;menuItemText%26#039;+ countItems +%26#039;%26quot; style=%26quot;%26#039; + textProps + %26#039;color:%26#039;+ menu.fontColor +%26#039;;%26quot;%26gt;%26#039;+ item +%26#039;鑱?lt;/div%26gt;\n%26#039;
+ %26#039;%26lt;div id=%26quot;menuItemHilite%26#039;+ countItems +%26#039;%26quot; style=%26quot;%26#039; + textProps + %26#039;color:%26#039;+ menu.fontColorHilite +%26#039;;visibility:hidden;%26quot;%26gt;%26#039;
+ (hitem||item) +%26#039;鑱?lt;/div%26gt;%26#039;;
if (childMenu) content += ( dTag + dText + %26#039;%26lt;div id=%26quot;childMenu%26#039;+ countItems +%26#039;%26quot; style=%26quot;position:absolute;left:0px;top:3p... src=%26quot;%26#039;+ menu.childMenuIcon +%26#039;%26quot;%26gt;%26lt;/div%26gt;\n%26#039; + dClose);
else content += ( dTag + dText + dClose);
if (lrs) {
l.document.open(%26quot;text/html%26quot;);
l.document.writeln(content);
l.document.close();
content = %26#039;%26#039;;
theStat += %26quot;-%26quot;;
tsc++;
if (tsc %26gt; 50) {
tsc = 0;
theStat = %26quot;%26quot;;
}
status = theStat;
}
countItems++;
}
if (lrs) {
var focusItem = new Layer(100, body);
focusItem.visiblity=%26quot;hidden%26quot;;
focusItem.document.open(%26quot;text/html%26quot;...
focusItem.document.writeln(%26quot;鑱?quot;);
focusItem.document.close();
} else {
content += %26#039; %26lt;div id=%26quot;focusItem%26#039;+ countMenus +%26#039;%26quot; style=%26quot;position:absolute;left:0px;top:0p... onclick=%26quot;onMenuItemAction(null,this);%26quot;%26gt;鑱?..
content += %26#039; %26lt;/div%26gt;\n %26lt;/div%26gt;\n%26lt;/div%26gt;\n%26#039;;
}
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%26lt;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.c... = container;
var body = menu.document.layers[0].document.layers[...
body.clip.width = proto.menuWidth || body.clip.width;
body.clip.height = proto.menuHeight || body.clip.height;
for (var n=0; n%26lt;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.layer...
l.clip.width = proto.menuWidth || body.clip.width;
l.clip.height = proto.menuItemHeight || l.clip.height;
if (n%26gt;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 %26gt; 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.childMen... = 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 %26gt; 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) %26amp;%26amp; (container.hasChildNodes) %26amp;%26amp; !window.mmIsOpera) {
container.innerHTML=content;
} else {
container.document.open(%26quot;text/html%26quot;...
container.document.writeln(content)...
container.document.close();
}
if (!FIND(%26quot;menuLayer0%26quot;)) return;
var menuCount = 0;
for (var x=0; x%26lt;container.menus.length; x++) {
var menuLayer = FIND(%26quot;menuLayer%26quot; + x);
container.menus[x].menuLayer = %26quot;menuLayer%26quot; + x;
menuLayer.Menu = container.menus[x];
menuLayer.Menu.container = %26quot;menuLayer%26quot; + x;
menuLayer.style.zindex = 1;
var s = menuLayer.style;
s.pixeltop = -300;
s.pixelleft = -300;
s.top = %26#039;-300px%26#039;;
s.left = %26#039;-300px%26#039;;
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%26lt;container.menus[x].items.length; i++) {
var l = FIND(%26quot;menuItem%26quot; + menuCount);
l.Menu = container.menus[x];
l.Menu.menuItemLayers[l.Menu.menuI... = l;
if (l.addEventListener || window.mmIsOpera) {
l.style.width = menu.menuItemWidth + %26#039;px%26#039;;
l.style.height = menu.menuItemHeight + %26#039;px%26#039;;
l.style.pixelWidth = menu.menuItemWidth;
l.style.pixelHeight = menu.menuItemHeight;
l.style.top = top + %26#039;px%26#039;;
l.style.left = left + %26#039;px%26#039;;
if(l.addEventListener) {
l.addEventListener(%26quot;mouseover%26quot;, onMenuItemOver, false);
l.addEventListener(%26quot;click%26quot;, onMenuItemAction, false);
l.addEventListener(%26quot;mouseout%26quot;, mouseoutMenu, false);
}
if( menu.menuItemHAlign != %26#039;left%26#039; ) {
l.hiliteShim = FIND(%26quot;menuItemHilite%26quot; + menuCount + %26quot;Shim%26quot;);
l.hiliteShim.style.visibility = %26quot;inherit%26quot;;
l.textShim = FIND(%26quot;menuItemText%26quot; + menuCount + %26quot;Shim%26quot;);
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 != %26#039;left%26#039; ) {
var shim = FIND(%26quot;menuItemShim%26quot; + 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 + %26#039;px%26#039;;
shim[1].style.width = shim[1].style.pixelWidth + %26#039;px%26#039;;
}
}
if( menu.vertical ) top = top + menu.menuItemHeight+menu.menuItemBorder+...
else left = left + menu.menuItemWidth+menu.menuItemBorder+m...
l.style.fontSize = menu.fontSize + %26#039;px%26#039;;
l.style.backgroundColor = menu.menuItemBgColor;
l.style.visibility = %26quot;inherit%26quot;;
l.saveColor = menu.menuItemBgColor;
l.menuHiliteBgColor = menu.menuHiliteBgColor;
l.mmaction = container.menus[x].actions[i];
l.hilite = FIND(%26quot;menuItemHilite%26quot; + menuCount);
l.focusItem = FIND(%26quot;focusItem%26quot; + x);
l.focusItem.style.pixelTop = -30;
l.focusItem.style.top = %26#039;-30px%26#039;;
var childItem = FIND(%26quot;childMenu%26quot; + menuCount);
if (childItem) {
l.childMenu = container.menus[x].items[i].menuLayer;
childItem.style.pixelLeft = menu.menuItemWidth -11;
childItem.style.left = childItem.style.pixelLeft + %26#039;px%26#039;;
childItem.style.pixelTop = (menu.menuItemHeight /2) -4;
childItem.style.top = childItem.style.pixelTop + %26#039;px%26#039;;
l.Menu.childMenus[l.Menu.childMen... = l.childMenu;
}
l.style.cursor = %26quot;hand%26quot;;
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(%26quot;menuLite%26quot; + x);
var s = lite.style;
s.pixelHeight = menu.menuHeight +(menu.menuBorder * 2);
s.height = s.pixelHeight + %26#039;px%26#039;;
s.pixelWidth = menu.menuWidth + (menu.menuBorder * 2);
s.width = s.pixelWidth + %26#039;px%26#039;;
if( menu.menuBgOpaque ) s.backgroundColor = menu.menuLiteBgColor;
var body = FIND(%26quot;menuFg%26quot; + x);
s = body.style;
s.pixelHeight = menu.menuHeight + menu.menuBorder;
s.height = s.pixelHeight + %26#039;px%26#039;;
s.pixelWidth = menu.menuWidth + menu.menuBorder;
s.width = s.pixelWidth + %26#039;px%26#039;;
if( menu.menuBgOpaque ) s.backgroundColor = menu.bgColor;
s = menuLayer.style;
s.pixelWidth = menu.menuWidth + (menu.menuBorder * 4);
s.width = s.pixelWidth + %26#039;px%26#039;;
s.pixelHeight = menu.menuHeight+(menu.menuBorder*4);
s.height = s.pixelHeight + %26#039;px%26#039;;
}
}
if (document.captureEvents) document.captureEvents(Event.MOUSEUP);
if (document.addEventListener) document.addEventListener(%26quot;mouseup%26quot;, onMenuItemOver, false);
if (document.layers %26amp;%26amp; window.innerWidth) {
window.onresize = NS4resize;
window.NS4sIW = window.innerWidth;
window.NS4sIH = window.innerHeight;
setTimeout(%26quot;NS4resize()%26quot;,500);
}
document.onmouseup = mouseupMenu;
window.mmWroteMenu = true;
status = %26quot;%26quot;;
}
function NS4resize() {
if (NS4sIW != window.innerWidth || NS4sIH != window.innerHeight) window.location.reload();
}
function onMenuItemOver(e, l) {
MM_clearTimeout();
l = l || this;
var a = window.ActiveMenuItem;
if (document.layers) {
if (a) {
a.document.bgColor = a.saveColor;
if (a.hilite) a.hilite.visibility = %26quot;hidden%26quot;;
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 = %26quot;inherit%26quot;;
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 %26amp;%26amp; l.Menu) {
if (a) {
a.style.backgroundColor = a.saveColor;
if (a.hilite) a.hilite.style.visibility = %26quot;hidden%26quot;;
if (a.hiliteShim) a.hiliteShim.style.visibility = %26quot;inherit%26quot;;
if (a.Menu.bgImageUp) a.style.background = %26quot;url(%26quot; + a.Menu.bgImageUp +%26quot;)%26quot;;;
}
l.style.backgroundColor = l.menuHiliteBgColor;
l.zIndex = 1;
if (l.Menu.bgImageOver) l.style.background = %26quot;url(%26quot; + l.Menu.bgImageOver +%26quot;)%26quot;;
if (l.hilite) {
l.hilite.style.visibility = %26quot;inherit%26quot;;
if( l.hiliteShim ) l.hiliteShim.style.visibility = %26quot;visible%26quot;;
}
l.focusItem.style.pixelTop = l.style.pixelTop;
l.focusItem.style.top = l.focusItem.style.pixelTop + %26#039;px%26#039;;
l.focusItem.style.pixelLeft = l.style.pixelLeft;
l.focusItem.style.left = l.focusItem.style.pixelLeft + %26#039;px%26#039;;
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(%26quot;%26quot; + 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(%26quot;mmDoHide()%26quot;, window.ActiveMenu.Menu.hideTimeout);
}
}
function mmDoHide() {
if (!mmDHFlag || !window.ActiveMenu) return;
var elapsed = new Date() - mmStart;
var timeout = window.ActiveMenu.Menu.hideTimeout;
if (elapsed %26lt; timeout) {
mmHideMenuTimer = setTimeout(%26quot;mmDoHide()%26quot;, 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%26lt;l.layers.length; i++) {
if (!l.layers[i].isHilite) l.layers[i].visibility = %26quot;inherit%26quot;;
if (l.layers[i].document.layers.length %26gt; 0) MM_showMenu(null, %26quot;relative%26quot;, %26quot;relative%26quot;, l.layers[i]);
}
if (l.parentLayer) {
if (x != %26quot;relative%26quot;) l.parentLayer.left = x || window.pageX || 0;
if (l.parentLayer.left + l.clip.width %26gt; window.innerWidth) l.parentLayer.left -= (l.parentLayer.left + l.clip.width - window.innerWidth);
if (y != %26quot;relative%26quot;) 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 %26amp;%26amp; l.Menu.menuBgOpaque ) l.parentLayer.document.bgColor = l.parentLayer.menuContainerBgColor;
}
}
l.visibility = %26quot;inherit%26quot;;
if (l.Menu) l.Menu.container.visibility = %26quot;inherit%26quot;;
} else if (FIND(%26quot;menuItem0%26quot;)) {
var l = menu.menuLayer || menu;
hideActiveMenus();
if (typeof(l) == %26quot;string%26quot;) l = FIND(l);
window.ActiveMenu = l;
var s = l.style;
s.visibility = %26quot;inherit%26quot;;
if (x != %26quot;relative%26quot;) {
s.pixelLeft = x || (window.pageX + document.body.scrollLeft) || 0;
s.left = s.pixelLeft + %26#039;px%26#039;;
}
if (y != %26quot;relative%26quot;) {
s.pixelTop = y || (window.pageY + document.body.scrollTop) || 0;
s.top = s.pixelTop + %26#039;px%26#039;;
}
l.Menu.xOffset = document.body.scrollLeft;
l.Menu.yOffset = document.body.scrollTop;
}
if (menu) window.activeMenus[window.activeMenus.le... = l;
MM_clearTimeout();
}
function onMenuItemDown(e, l) {
var a = window.ActiveMenuItem;
if (document.layers %26amp;%26amp; 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 != %26#039;Microsoft Internet Explorer%26#039; ) return ieVers;
var tempVers = navigator.appVersion;
var i = tempVers.indexOf( %26#039;MSIE %26#039; );
if( i %26gt;= 0 ) {
tempVers = tempVers.substring( i+5 );
ieVers = parseFloat( tempVers );
}
return ieVers;
}
function mouseoutMenu() {
if ((navigator.appName == %26quot;Microsoft Internet Explorer%26quot;) %26amp;%26amp; (getExplorerVersion() %26lt; 4.5))
return true;
hideMenu(false, false);
return true;
}
function hideMenu(mouseup, e) {
var a = window.ActiveMenuItem;
if (a %26amp;%26amp; document.layers) {
a.document.bgColor = a.saveColor;
a.focusItem.top = -30;
if (a.hilite) a.hilite.visibility = %26quot;hidden%26quot;;
if (mouseup %26amp;%26amp; a.mmaction %26amp;%26amp; a.clicked %26amp;%26amp; window.ActiveMenu) {
if (a.eX %26lt;= e.pageX+15 %26amp;%26amp; a.eX %26gt;= e.pageX-15 %26amp;%26amp; a.eY %26lt;= e.pageY+10 %26amp;%26amp; a.eY %26gt;= e.pageY-10) {
setTimeout(%26#039;window.ActiveMenu.Menu... 500);
}
}
a.clicked = false;
if (a.Menu.bgImageOver) a.background.src = a.Menu.bgImageUp;
} else if (window.ActiveMenu %26amp;%26amp; FIND(%26quot;menuItem0%26quot;)) {
if (a) {
a.style.backgroundColor = a.saveColor;
if (a.hilite) a.hilite.style.visibility = %26quot;hidden%26quot;;
if (a.hiliteShim) a.hiliteShim.style.visibility = %26quot;inherit%26quot;;
if (a.Menu.bgImageUp) a.style.background = %26quot;url(%26quot; + a.Menu.bgImageUp +%26quot;)%26quot;;
}
}
if (!mouseup %26amp;%26amp; 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 %26lt; l.Menu.childMenus.length; i++) {
var theLayer = l.Menu.childMenus[i];
if (document.layers) theLayer.visibility = %26quot;hidden%26quot;;
else {
theLayer = FIND(theLayer);
theLayer.style.visibility = %26quot;hidden%26quot;;
if( theLayer.Menu.menuItemHAlign != %26#039;left%26#039; ) {
for(var j = 0; j %26lt; theLayer.Menu.menuItemLayers.length; j++) {
var itemLayer = theLayer.Menu.menuItemLayers[j];
if(itemLayer.textShim) itemLayer.textShim.style.visibility = %26quot;inherit%26quot;;
}
}
}
theLayer.Menu.hideChildMenu(theLayer...
}
if (l.childMenu) {
var childMenu = l.childMenu;
if (document.layers) {
l.Menu.MM_showMenu(null,null,null,c...
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 %26lt; l.Menu.container.clip.left ) l.Menu.container.clip.left = childMenu.left;
var w = childMenu.clip.width+childMenu.left-l.Me...
if (w %26gt; l.Menu.container.clip.width) l.Menu.container.clip.width = w;
var h = childMenu.clip.height+childMenu.top-l.Me...
if (h %26gt; l.Menu.container.clip.height) l.Menu.container.clip.height = h;
l.document.layers[1].zIndex = 0;
childMenu.visibility = %26quot;inherit%26quot;;
} else if (FIND(%26quot;menuItem0%26quot;)) {
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 + %26#039;px%26#039;;
} 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.men... + menuLayer.style.pixelLeft + l.Menu.submenuXOffset;
s.left = s.pixelLeft + %26#039;px%26#039;;
}
} 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.Men... + 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.Men... + parseInt(menuLayer.style.left) + l.Menu.submenuXOffset;
}
s.top = top + %26#039;px%26#039;;
s.left = left + %26#039;px%26#039;;
}
childMenu.style.visibility = %26quot;inherit%26quot;;
} else return;
window.activeMenus[window.activeMenu... = childMenu;
}
}
function hideActiveMenus() {
if (!window.activeMenus) return;
for (var i=0; i %26lt; window.activeMenus.length; i++) {
if (!activeMenus[i]) continue;
if (activeMenus[i].visibility %26amp;%26amp; activeMenus[i].Menu %26amp;%26amp; !window.mmIsOpera) {
activeMenus[i].visibility = %26quot;hidden%26quot;;
activeMenus[i].Menu.container.visib... = %26quot;hidden%26quot;;
activeMenus[i].Menu.container.clip.... = 0;
} else if (activeMenus[i].style) {
var s = activeMenus[i].style;
s.visibility = %26quot;hidden%26quot;;
s.left = %26#039;-200px%26#039;;
s.top = %26#039;-200px%26#039;;
}
}
if (window.ActiveMenuItem) hideMenu(false, false);
window.activeMenus.length = 0;
}
function moveXbySlicePos (x, img) {
if (!document.layers) {
var onWindows = navigator.platform ? navigator.platform == %26quot;Win32%26quot; : false;
var macIE45 = document.all %26amp;%26amp; !onWindows %26amp;%26amp; getExplorerVersion() == 4.5;
var par = img;
var lastOffset = 0;
while(par){
if( par.leftMargin %26amp;%26amp; ! onWindows ) x += parseInt(par.leftMargin);
if( (par.offsetLeft != lastOffset) %26amp;%26amp; 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 == %26quot;Win32%26quot; : false;
var macIE45 = document.all %26amp;%26amp; !onWindows %26amp;%26amp; getExplorerVersion() == 4.5;
var par = img;
var lastOffset = 0;
while(par){
if( par.topMargin %26amp;%26amp; !onWindows ) y += parseInt(par.topMargin);
if( (par.offsetTop != lastOffset) %26amp;%26amp; par.offsetTop ) y += parseInt(par.offsetTop);
if( par.offsetTop != 0 ) lastOffset = par.offsetTop;
par = macIE45 ? par.parentElement : par.offsetParent;
}
} else if (img.y %26gt;= 0) y += img.y;
return y;
}
//you%26#039;re done
Other Replys:aight i just made a simple menu
it doesnt look that good but it works. :)
i used javascript to make this menu
if u have any more questions just email me:
aryaxt@yahoo.com
%26lt;html%26gt;
%26lt;head%26gt;
%26lt;meta http-equiv=%26quot;Content-Language%26quot; content=%26quot;en-us%26quot;%26gt;
%26lt;meta http-equiv=%26quot;Content-Type%26quot; content=%26quot;text/html; charset=windows-1252%26quot;%26gt;
%26lt;title%26gt;sub1%26lt;/title%26gt;
%26lt;/head%26gt;
%26lt;body%26gt;
%26lt;table border=%26quot;1%26quot; width=%26quot;27%%26quot;%26gt;
%26lt;tr%26gt;
%26lt;td onmouseover=%26quot;menu1.style.visibility = %26#039;visible%26#039;;%26quot; onmouseout=%26quot;menu1.style.visibility = %26#039;hidden%26#039;;%26quot;%26gt;sub1%26lt;/td%26gt;
%26lt;td onmouseover=%26quot;menu2.style.visibility = %26#039;visible%26#039;;%26quot; onmouseout=%26quot;menu2.style.visibility = %26#039;hidden%26#039;;%26quot; %26gt;sub2%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;/table%26gt;
%26lt;div onmouseover=%26quot;menu2.style.visibility = %26#039;visible%26#039;;%26quot; onmouseout=%26quot;menu2.style.visibility = %26#039;hidden%26#039;;%26quot; style=%26quot;position: absolute; width: 100px; height: 100px; z-index: 1; left: 151px; top: 36px%26quot; id=%26quot;menu2%26quot;%26gt;
%26lt;table border=%26quot;1%26quot; width=%26quot;100%%26quot;%26gt;
%26lt;tr%26gt;
%26lt;td%26gt;link1%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;tr%26gt;
%26lt;td%26gt;link2%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;tr%26gt;
%26lt;td%26gt;link3%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;tr%26gt;
%26lt;td%26gt;link4%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;/table%26gt;
%26lt;/div%26gt;
%26lt;div onmouseover=%26quot;menu1.style.visibility = %26#039;visible%26#039;;%26quot; onmouseout=%26quot;menu1.style.visibility = %26#039;hidden%26#039;;%26quot; style=%26quot;position: absolute; width: 100px; height: 78px; z-index: 1; left: 14px; top: 36px%26quot; id=%26quot;menu1%26quot;%26gt;
%26lt;table border=%26quot;1%26quot; width=%26quot;100%%26quot;%26gt;
%26lt;tr%26gt;
%26lt;td%26gt;ink1%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;tr%26gt;
%26lt;td%26gt;link2%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;tr%26gt;
%26lt;td%26gt;link3%26lt;/td%26gt;
%26lt;/tr%26gt;
%26lt;/table%26gt;
%26lt;/div%26gt;
%26lt;script language=javascript%26gt;
menu1.style.visibility = %26#039;hidden%26#039;;
menu2.style.visibility = %26#039;hidden%26#039;;
%26lt;/script%26gt;
%26lt;/body%26gt;
%26lt;/html%26gt;
Other Replys:you want mouse over but do not use the on mouse over codes...
go to this location and grab what you need to adjust the codes,
http://groan-zone.net/jscript/mouseover....
No comments:
Post a Comment