By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
429,214 Members | 2,099 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 429,214 IT Pros & Developers. It's quick & easy.

need help with menu javascript

P: n/a
can someone kind enough to help me look at the attached html and js
file? Why is it that the javascript menu could not work at
www.apchosting.net but could work at
http://home.pacific.net.sg/~jacksony ? (the drop down bar could not work
at www.apchosting.net but can drop at home.pacific.net.sg. I suspect it
is a server problem but was told it is not possible, therefore assuming
it is a client script problem? the script works last time though. can
anyone help? email me at ja******@pacific.net.sg! (don't reply to
newsgroup as it might be gone) thank you very much! :)

these are the codes for the files:

INDEX.HTML
"<html>
<head>
<title>APC Hosting: web hosting and domain registration. web designing
and programming.</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<META NAME="Description" CONTENT="APC Hosting - High speed quality web
hosting and domain name registration at an affordable, lowest price. Web
designing and programming services.">
<META NAME="Keywords" CONTENT="apc hosting, apchosting, web hosting,
hosting, domain hosting, domain registration, domain name registration,
domain name, register domain, register domain name, web designing,
webdesign, programming,">
<META NAME="ROBOTS" CONTENT = "All">
<META NAME="AUTHOR" CONTENT = "APC Hosting">
<style type="text/css">
<!--
A:link, A:visited { text-decoration: none }
A:hover { text-decoration: underline; color: #000000; font-weight : none }
//.style1 {font-size: 9px}
..style60 {font-family: Verdana, Arial, Helvetica, sans-serif}
..style61 {font-size: 10px}
..style62 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:
10px; }
..style66 {font-size: 12px; }
..style68 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:
10px; color: #FF9900;}
..style69 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:
10px; font-weight: bold; }
-->
</style>
<script language="JavaScript">
<!--
function mmLoadMenus() {
if (window.mm_menu_0518132243_0) return;
window.mm_menu_0518132243_0 = new Menu("root",82,16,"Arial,
Helvetica,
sans-serif",10,"#000000","#FFFFFF","#FFFFFF","#FF9900", "center","middle",3,0,1000,-5,7,true,true,true,0,false,true);

mm_menu_0518132243_0.addMenuItem("Why&nbsp;Us?","l ocation='whyus.htm'");
mm_menu_0518132243_0.fontWeight="bold";
mm_menu_0518132243_0.hideOnMouseOut=true;
mm_menu_0518132243_0.bgColor='#000000';
mm_menu_0518132243_0.menuBorder=1;
mm_menu_0518132243_0.menuLiteBgColor='#FFFFFF';
mm_menu_0518132243_0.menuBorderBgColor='#000000';
window.mm_menu_0518145422_0 = new Menu("root",82,16,"Arial, Helvetica,
sans-serif",10,"#000000","#FFFFFF","#FFFFFF","#FF9900", "center","middle",3,0,1000,-5,7,true,true,true,0,false,true);

mm_menu_0518145422_0.addMenuItem("Web&nbsp;Hosting ","location='webhosting.htm'");
mm_menu_0518145422_0.addMenuItem("Reseller","locat ion='reseller.htm'");

mm_menu_0518145422_0.addMenuItem("Web&nbsp;Design" ,"location='webdesign.htm'");

mm_menu_0518145422_0.addMenuItem("Programming","lo cation='programming.htm'");
mm_menu_0518145422_0.fontWeight="bold";
mm_menu_0518145422_0.hideOnMouseOut=true;
mm_menu_0518145422_0.bgColor='#000000';
mm_menu_0518145422_0.menuBorder=1;
mm_menu_0518145422_0.menuLiteBgColor='#FFFFFF';
mm_menu_0518145422_0.menuBorderBgColor='#000000';

window.mm_menu_0518150423_0 = new Menu("root",82,16,"Arial,
Helvetica,
sans-serif",10,"#000000","#FFFFFF","#FFFFFF","#FF9900", "center","middle",3,0,1000,-5,7,true,true,true,0,false,true);

mm_menu_0518150423_0.addMenuItem("Order&nbsp;Form" ,"location='order.htm'");
mm_menu_0518150423_0.fontWeight="bold";
mm_menu_0518150423_0.hideOnMouseOut=true;
mm_menu_0518150423_0.bgColor='#000000';
mm_menu_0518150423_0.menuBorder=1;
mm_menu_0518150423_0.menuLiteBgColor='#FFFFFF';
mm_menu_0518150423_0.menuBorderBgColor='#000000';

window.mm_menu_0518150942_0 = new Menu("root",82,16,"Arial,
Helvetica,
sans-serif",10,"#000000","#FFFFFF","#FFFFFF","#FF9900", "center","middle",3,0,1000,-5,7,true,true,true,0,false,true);
mm_menu_0518150942_0.addMenuItem("Customers","loca tion='customers.htm'");

mm_menu_0518150942_0.addMenuItem("Help&nbsp;Files" ,"location='helpfiles.htm'");

mm_menu_0518150942_0.addMenuItem("Forum","window.o pen('forum/index.php',
'_blank');");

mm_menu_0518150942_0.fontWeight="bold";
mm_menu_0518150942_0.hideOnMouseOut=true;
mm_menu_0518150942_0.bgColor='#000000';
mm_menu_0518150942_0.menuBorder=1;
mm_menu_0518150942_0.menuLiteBgColor='#FFFFFF';
mm_menu_0518150942_0.menuBorderBgColor='#000000';

mm_menu_0518150942_0.writeMenus();
} // mmLoadMenus()
//-->
</script>
<script language="JavaScript" src="mm_menu.js"></script>
</head>

<body link="#FF9900" vlink="#FF9900" alink="#FF9900" leftmargin="5"
topmargin="5">
<script language="JavaScript1.2">mmLoadMenus();</script>
<table width="760" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td width="130" height="0" rowspan="2"><img src="pic/logo2.gif"
alt="APC Hosting: web hosting, domain registration, web designing,
programming." width="130" height="63"></td>
<td width="3" height="0" align="left" valign="middle">&nbsp;</td>
<td width="629" height="0" rowspan="2" valign="bottom">
<div align="right"><img src="pic/hori.gif" alt="APC Hosting: web
hosting, domain registration, web designing, programming." width="28"
height="17"><a href="index.html"
onMouseOver="MM_showMenu(window.mm_menu_0518132243 _0,0,16,null,'image1')"
onMouseOut="MM_startTimeout();"><img src="pic/home.gif" alt="APC
Hosting: web hosting, domain registration, web designing, programming."
name="image1" width="85" height="17" border="0" id="image1"></a><a
href="javascript:;"
onMouseOver="MM_showMenu(window.mm_menu_0518145422 _0,0,16,null,'image2')"
onMouseOut="MM_startTimeout();"><img src="pic/products.gif" alt="APC
Hosting: web hosting, domain registration, web designing, programming."
name="image2" width="85" height="17" border="0" id="image2"></a></a><a
href="order.htm"
onMouseOver="MM_showMenu(window.mm_menu_0518150423 _0,0,16,null,'image3')"
onMouseOut="MM_startTimeout();"><img src="pic/order.gif" alt="APC
Hosting: web hosting, domain registration, web designing, programming."
name="image3" width="85" height="17" border="0" id="image3"></a><a
href="javascript:;"
onMouseOver="MM_showMenu(window.mm_menu_0518150942 _0,0,16,null,'image4')"
onMouseOut="MM_startTimeout();"><img src="pic/support.gif" alt="APC
Hosting: web hosting, domain registration, web designing, programming."
name="image4" width="85" height="17" border="0" id="image4"></a><a
href="aboutus.htm"><img src="pic/aboutus.gif" alt="APC Hosting: web
hosting, domain registration, web designing, programming." width="85"
height="17" border="0"></a><a href="contact.htm"><img
src="pic/contact.gif" alt="APC Hosting: web hosting, domain
registration, web designing, programming." width="85" height="17"
border="0"></a><img src="pic/hori.gif" alt="APC Hosting: web hosting,
domain registration, web designing, programming." width="28"
height="17"></div></td>
</tr>
<tr>
<td width="1" height="0">&nbsp;</td>
<tr>
<td height="100" colspan="3" valign="top"><p>&nbsp;</p>
<table width="600" border="0" align="center" cellpadding="0"
cellspacing="0">
<tr>
<td width="200" height="253" valign="top"><table width="200"
height="0" border="0" cellpadding="0" cellspacing="0">
<tr valign="top" class="style55">
<td height="0" colspan="2"><div align="center"
class="style56 style60 style61"><u>Quick Links </u></div></td>
</tr>
<tr valign="top" class="style55">
<td width="100" height="0"><div align="center"
class="style62"><span class="style54"><font color="#FF9900"><a
href="http://www.apchosting.net/forum/viewforum.php?f=2"
target="_blank">Promotion</a></font></span></div></td>
<td width="100" height="0"><div align="center"
class="style62"><font color="#FF9900"><a href="freehosting.htm">Free
Hosting</a></font></div></td>
</tr>
<tr valign="top" class="style55">
<td height="0" colspan="2"><font size="1"
face="Verdana, Arial, Helvetica, sans-serif"><img src="pic/server.jpg"
alt="APC Hosting: web hosting, domain registration, web designing,
programming." width="200" height="229" class="style56"></font></td>
</tr>
</table></td>
<td width="25" valign="top"><font size="1" face="Verdana,
Arial, Helvetica, sans-serif">&nbsp;</font></td>
<td width="375" valign="top"> <p><img src="pic/welcome.gif"
alt="APC Hosting: web hosting, domain registration, web designing,
programming." width="287" height="35"></p>
<p align="justify" class="style66"><font color="#000000"
face="Verdana, Arial, Helvetica, sans-serif"> APC Hosting possess a
series of high-tech equipment as well
as technologies to provide our customers with top quality
services
like web hosting, domain name registration, web designing
and programming at lowest
affordable price.</font></p>
<p align="justify" class="style66"><font color="#000000"
face="Verdana, Arial, Helvetica, sans-serif">This
could not have been done if not for our dedicated and
dilligent
staffs, who are constantly monitoring our list of servers
and serving
our customers to meet their needs.</font></p>
<p align="justify" class="style66"><font color="#000000"
face="Verdana, Arial, Helvetica, sans-serif">We believe in working with
our customers and not just
for them. Sign up for our hosting and be a part of APC
Hosting now!</font></p>
</td>
</tr>
</table>
<p align="center" class="style68"><strong><a
href="webhosting.htm">Web hosting</a></strong> from $1.95 monthly.<br>
<strong><a href="reseller.htm">Reseller web hosting</a></strong>
from $24.95 monthly.<br>
<br>
<strong><a href="domainregistration.htm">Top-level Domain</a></strong>
|.com|.net|.org|.biz|.info| at $9.95 yearly.<br>
<strong><a href="domainregistration.htm">Singapore
Domain</a></strong> |.com.sg|.net.sg|.org.sg|.edu.sg| at S$59.95 yearly.<br>
|.per.sg| at S$29.95 yearly.</p>
<p align="center" class="style69">For other domain types and
services, please contact <a
href="mailto:sa***@apchosting.net">sa***@apchostin g.net</a>. </p></td>
</tr>
<tr valign="top">
<td colspan="3"><table width="430" border="0" align="center"
cellpadding="0" cellspacing="0">
<tr>
<td height="10" colspan="6">&nbsp;</td>
</tr>
<tr>
<td colspan="6"><div align="left"><font size="1"
face="Verdana, Arial, Helvetica, sans-serif"><u>Powered
by:</u></font></div></td>
</tr>
<tr>
<td height="10" colspan="6"></td>
</tr>
<tr>
<td width="71"><a href="http://www.intel.com"
target="_blank"><img src="pic/intel.gif" alt="APC Hosting: web hosting,
domain registration, web designing, programming." width="69" height="35"
border="0"></a></td>
<td width="43"><a href="http://www.microsoft.com"
target="_blank"><img src="pic/microsoft.gif" alt="APC Hosting: web
hosting, domain registration, web designing, programming." width="39"
height="35" border="0"></a></td>
<td width="75"><a href="http://www.mysql.com"
target="_blank"><img src="pic/mysql.gif" alt="APC Hosting: web hosting,
domain registration, web designing, programming." width="66" height="35"
border="0"></a></td>
<td width="75"><a href="http://www.php.net"
target="_blank"><img src="pic/php.gif" alt="APC Hosting: web hosting,
domain registration, web designing, programming." width="67" height="35"
border="0"></a></td>
<td width="96"><a href="http://www.redhat.com"
target="_blank"><img src="pic/redhat.gif" alt="APC Hosting: web hosting,
domain registration, web designing, programming." width="92" height="35"
border="0"></a></td>
<td width="70"><a href="http://www.cpanel.net"
target="_blank"><img src="pic/cpanel.gif" alt="APC Hosting: web hosting,
domain registration, web designing, programming." width="70" height="43"
border="0"></a></td>
</tr>
</table>

</td>
</tr>
<tr valign="top">
<td height="10" colspan="3">&nbsp;</td>
</tr>
<tr>
<td colspan="3" valign="bottom"> <div align="center"><font size="1"
face="Arial, Helvetica, sans-serif">Best
Viewed with 800x600 resolution and above, using Internet
Explorer 4.0
or Netscape 4.0 or later, with Medium font.<br>
&copy;Copyright 2003, <a href="tos.htm" target="_blank">APC
Hosting</a>,
All Rights Reserved.</font></div></td>
</tr>
</table>
</body>
</html>"
MM_MENU.JS
"/**
* 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 +'&nbsp</div>\n'
+ '<div id="menuItemHilite'+ countItems +'" style="' + textProps +
'color:'+ menu.fontColorHilite +';visibility:hidden;">'
+ (hitem||item) +'&nbsp</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("&nbsp;");
focusItem.document.close();
} else {
content += ' <div id="focusItem'+ countMenus +'"
style="position:absolute;left:0px;top:0px;visibili ty: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[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.menuI temSpacing;
else left = left +
menu.menuItemWidth+menu.menuItemBorder+menu.menuIt emSpacing;
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.onMenuItemActio n();', 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;
}"

Jul 23 '05 #1
Share this Question
Share on Google+
2 Replies


P: n/a


Jackson Yap wrote:

Why is it that the javascript menu could not work at
www.apchosting.net but could work at
http://home.pacific.net.sg/~jacksony ? (the drop down bar could not work
at www.apchosting.net but can drop at home.pacific.net.sg. I suspect it
is a server problem but was told it is not possible, therefore assuming
it is a client script problem?


Mozilla's JavaScript console shows the following error:

Error: missing ; before statement
Source File: http://www.apchosting.net/mm_menu.js
Line: 1, Column: 61
Source Code:
+ 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 l

It seems the whole script is on one line, maybe you have run the script
through a script cruncher to compress it. You will need to insert a
semicolon after
var dClose = '</div>'
e.g.
var dClose = '</div>';
to have correct syntax.

On the other server the script file has line breaks and then JavaScript
automatically inserts semicolons.

--

Martin Honnen
http://JavaScript.FAQTs.com/
Jul 23 '05 #2

P: n/a
Thank you very much! :) Don't know but once i do that my dreamweaver
starts screwing up with javascripts. maybe I would restart my computer.
Thank you alot my saver! :)

Martin Honnen wrote:


Jackson Yap wrote:

Why is it that the javascript menu could not work at
www.apchosting.net but could work at
http://home.pacific.net.sg/~jacksony ? (the drop down bar could not
work at www.apchosting.net but can drop at home.pacific.net.sg. I
suspect it is a server problem but was told it is not possible,
therefore assuming it is a client script problem?

Mozilla's JavaScript console shows the following error:

Error: missing ; before statement
Source File: http://www.apchosting.net/mm_menu.js
Line: 1, Column: 61
Source Code:
+ 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 l

It seems the whole script is on one line, maybe you have run the script
through a script cruncher to compress it. You will need to insert a
semicolon after
var dClose = '</div>'
e.g.
var dClose = '</div>';
to have correct syntax.

On the other server the script file has line breaks and then JavaScript
automatically inserts semicolons.


Jul 23 '05 #3

This discussion thread is closed

Replies have been disabled for this discussion.