Hello, newbie here (apologies in advance, please be nice to me 😮 ).
I have a js menu I’m trying to center on the page relative to the width of the browser window. I’m able to move the menu, no problem, but I want it to center in the page, not have a fixed position from the left. The code is below…
This is probably the easiest thing in the work, but I need help. Any ideas?
Script to follow …
/* global nav and menu data
var nav_menuText = new Array();
var nav_menuURLs = new Array();
var nav_menuTops = new Array();
var nav_menuObjs = new Array();
var nav_alumni = new Array();
var nav_menuNames = new Array(‘AboutParthenon’,’OurClientsAndOurWork’,’OurPeople’,’Careers’);
var nav_menuAltTags = new Array(‘About Parthenon’,’Our Clients’,’Our People’,’Careers’);
// menu text and URLs – for a blank space insert (”) for the text and the coresponding URL
nav_menuText[‘AboutParthenon’] = new Array(‘From the Chairman’,’Snapshot’,’Philosophy’,’In The News’,’History’,’Approach to Philanthropy’,’Offices’);
nav_menuURLs[‘AboutParthenon’] = new Array(‘default.asp’,’snapshot.asp’,’philosophy.asp’,’inTheNews.asp’,’history.asp’,’approachToPhilanthropy/’,’Offices/’);
nav_menuText[‘AboutParthenon’][‘Offices’] = new Array(‘Boston’,’London’,’Mumbai’,’San Francisco’);
nav_menuURLs[‘AboutParthenon’][‘Offices’] = new Array(”,”,’/AboutParthenon/offices/mumbai/default.asp’,”);
nav_menuText[‘OurClientsAndOurWork’] = new Array(‘Overview’,’Corporate Advisory’,’Private Equity’,’Education’,’Healthcare’,’Non-Profit’,’Case Studies’,’Intellectual Capital’);
nav_menuURLs[‘OurClientsAndOurWork’] = new Array(‘default.asp’,’corporateAdvisory.asp’,’privateEquity/’,’education/’,’healthcare/’,’nonProfit/’,’caseStudies/’,’intellectualCapital/’);
nav_menuText[‘OurPeople’] = new Array(‘What Our Clients Say’,’Firm Leadership’,’Member Profiles’,’Alumni’);
nav_menuURLs[‘OurPeople’] = new Array(‘default.asp’,’firmLeadership.asp’,’MemberProfiles/’,’/Alumni/’);
nav_menuText[‘Careers’] = new Array(‘Overview’,’Why Parthenon?’,’Undergraduate’,’MBA Candidates’,’Experienced Professional’, ‘Application Process’);
nav_menuURLs[‘Careers’] = new Array(‘default.asp’,’whyParthenon.asp’,’undergraduate/’,’mbaCandidates/’,’experiencedProfessional/’,’applicationProcess/’);
//menu settings
var nav_menuWidth = 195; //width of drop down
var nav_menuTextInset = 8;
var nav_menuRowHeight = 24;
// Menu style and behavior
var nav_menuTextClass = “menu”;// CSS selector for menu text
var nav_menuHighlightColor = “#a1a1a1”;// Rollover color (IE4+,NS6 only)
var nav_nsMenuBgColor = “#515050”;// Netscape menu background color
var nav_menuBgImage = nav_imgPath + “menu-BG.gif”;// bg image for menus
var nav_ie4HighlightImage = nav_imgPath + “menu-HiLite.gif”;// bg image for highlighted menus in ie4
var nav_menuInterval = 50;// Delay for mouseover|mouseout events
/* nav and menu settings
// Naming for nav elements
var nav_navDivPrefix = “global”;
var nav_navDivId = nav_navDivPrefix + “Div”;// NAME of global nav DIV
// Dimensions for primary navigation elements.
var nav_navButtonHeight = 24;
var nav_navButtonWidth = new Array(128,186,94,70);// individual button widths in global nav
var nav_navTotalWidth = 498;
var nav_navTopEdge = 131;//for global nav position on home page
var sec_navTopEdge = 131;//for global nav position on section pages
var nav_navLeftEdge = 0;
var nav_navRightEdge = nav_navLeftEdge + nav_navTotalWidth;
// Menu positions relative to nav
var nav_menuLeftEdge = nav_navLeftEdge;
var nav_menuTop = nav_navTopEdge + nav_navButtonHeight;
var sec_menuTop = sec_navTopEdge + nav_navButtonHeight;
// Initialize all images for primary nav rollovers
for (var i = 0; i < nav_menuNames.length; i++) {
imgName = nav_menuNames[i];
imgNormal = nav_imgPath + nav_menuNames[i] + “1.gif”;
imgActive = nav_imgPath + nav_menuNames[i] + “2.gif”;
imgCurrent = nav_imgPath + nav_menuNames[i] + “2.gif”;
imgSwapInit(imgName,imgActive,imgNormal,imgCurrent);
}
// Javascript code that writes out the DIV contining the global nav
nav_ready = false;
// BEGIN PRIMARY NAVIGATION TABLE
document.write(‘<div id=”‘ + nav_navDivPrefix + ‘Div”><table border=”0″ cellspacing=”0″ cellpadding=”0″>n<tr>n’);
for (var i = 0; i < nav_menuNames.length; i++) {// write out code for menu image
if (whichMenu==’Alumni’) {
whichMenu=”;
}
if (nav_menuNames[i]==whichMenu) {
document.write(‘<td><a href=”/’ + nav_menuNames[i] + ‘/” onMouseOver=”setRolloverTimer(” + nav_menuNames[i] + ”, whichMenu);” onMouseOut=”setRolloffTimer(” + nav_menuNames[i] + ”, whichMenu);”><img name=”‘ + nav_menuNames[i] + ‘” alt=”” src=”‘ + nav_imgPath + nav_menuNames[i] + ‘2.gif” height=”‘ + nav_navButtonHeight + ‘” alt=”‘ + nav_menuAltTags[i] + ‘” border=”0″ /></a></td>n’);
} else {
document.write(‘<td><a href=”/’ + nav_menuNames[i] + ‘/” onMouseOver=”setRolloverTimer(” + nav_menuNames[i] + ”, whichMenu);” onMouseOut=”setRolloffTimer(” + nav_menuNames[i] + ”, whichMenu);”><img name=”‘ + nav_menuNames[i] + ‘” alt=”” src=”‘ + nav_imgPath + nav_menuNames[i] + ‘1.gif” height=”‘ + nav_navButtonHeight + ‘” alt=”‘ + nav_menuAltTags[i] + ‘” border=”0″ /></a></td>n’);
}
if (i != nav_menuNames.length – 1) {
document.write(‘<td><img src=”/images-common/Pixel-LightGray.gif” alt=”” width=”1″ height=”24″ border=”0″ /></td>’);
} else { continue; }
}
document.write(‘</tr></table>n</div>n’);
// END PRIMARY NAVIGATION TABLE
// BEGIN CODE TO GENERATE MENUS
for (var i = 0; i < nav_menuNames.length; i++) {
var menuName = nav_menuNames[i];
document.write(nav_menuObjs[menuName].div);
}
// END CODE TO GENERATE MENUS
objects = document.getElementsByTagName(“object”);
for (var i = 0; i < objects.length; i++)
{
objects[i].outerHTML = objects[i].outerHTML;
}