Great menu. Had tried in vain to develop my own, but had limited success, so this option seems like a good bet, however there are a few issues which I need some help with.
Firstly, I am using the asp integration section which came with the menu code - and this is not without it's problems.
The URL is http://www.extraprise.com/_ext/extraprise2
My issues are:
- Fixed - How do I get the relative positioning inside a table to work with the asp code given
HELP - There are some issues with the images of the over and off items in Netscape 4x - they do not show, however, the other images like image, overimage, and subimage and others do.
Fixed - IE 5.5 (for me at least) doesn't show or hide the menus at all
Code: Select all
<SCRIPT language=JavaScript src="scripts/milonic_src.js" type=text/javascript></SCRIPT>
<script type="text/javascript">
if(ns4)_d.write("<scr"+"ipt language=JavaScript src=scripts/mmenuns4.js><\/scr"+"ipt>");
else _d.write("<scr"+"ipt language=JavaScript src=scripts/mmenudom.js><\/scr"+"ipt>");
</script>
<script>
_menuCloseDelay=450;
_menuOpenDelay=150;
_subOffsetTop=1;
_subOffsetLeft=0;
with(subStyle=new mm_style()){
oncolor="#990000"
overimage="media/locked/BulletOn.gif"
onbgcolor="#F9F2BA"
image="media/locked/Bullet.gif"
offbgcolor="#D4E1DF"
offcolor="#515151"
padding="4"
separatorsize="1"
separatorheight="1"
separatorcolor="#999999"
subimage="media/locked/moreMenus.gif"
onsubimage="media/locked/moreMenusSubOn.gif"
subimagepadding="5"
borderwidth="1"
bordercolor="#98A5A5"
fontfamily="arial"
fontsize="11px"
imagepadding="5"
overfilter="GradientWipe(WipeStyle=1, size=1.50, motion='Forward', duration=0.3);Alpha(style=0, opacity=95);"
outfilter="GradientWipe(WipeStyle=1, size=2.50, motion='Reverse', duration=0.3);Alpha(style=0, opacity=95);"
pagebgimage="media/locked/subitemOn.jpg"
itemwidth="200"
bgimage="media/locked/subitemOff.jpg"
overbgimage="media/locked/subitemOn.jpg"
}
with(mainStyle=new mm_style()){
oncolor="#990000"
onbgcolor="#FFFFFF"
bgcolor="transparent"
offbgcolor="transparent"
offcolor="#515151"
padding="5"
separatorsize="1"
separatorheight="28"
separatorcolor="#FFFFFF"
subimage="media/locked/moreMenus.gif"
onsubimage="media/locked/moreMenusRootOn.gif"
subimagepadding="5"
fontfamily="arial"
fontsize="12px"
fontweight="bold"
pagebgimage="media/locked/itemSelected.jpg"
itemwidth="75"
bgimage="media/locked/itemOff.jpg"
overbgimage="media/locked/itemOver.jpg"
rawcss="padding-top:4px;"
}
with(subsubStyle=new mm_style()){
oncolor="#990000"
overimage="media/locked/BulletOn.gif"
onbgcolor="#F9F2BA"
image="media/locked/Bullet.gif"
offbgcolor="#D4E1DF"
offcolor="#515151"
padding="4"
separatorsize="1"
separatorheight="1"
separatorcolor="#999999"
subimage="media/locked/moreMenus.gif"
subimagepadding="5"
borderwidth="1"
bordercolor="#98A5A5"
fontfamily="arial"
fontsize="10px"
imagepadding="3"
overfilter="GradientWipe(WipeStyle=2, size=0.50, motion='Forward', duration=0.1);Alpha(style=0, opacity=95);"
outfilter="Fade(duration=0.3);Alpha(style=0, opacity=95);"
pagebgimage="media/locked/subitemOn.jpg"
itemwidth="210"
bgimage="media/locked/subitemOff.jpg"
overbgimage="media/locked/subitemOn.jpg"
}
with(milonic=new menuname("Careers")){
style=subStyle;
aI("text=Opportunities;url=index.asp?ID=48;status=Opportunities;");
aI("text=Questions & Answers;url=index.asp?ID=49;status=Questions & Answers;");
aI("text=Values;url=index.asp?ID=50;status=Values;");
}
with(milonic=new menuname("Clients")){
style=subStyle;
aI("text=Client List;url=index.asp?ID=40;status=Client List;");
aI("text=What Clients Say;url=index.asp?ID=41;status=What Clients Say;");
}
with(milonic=new menuname("Company")){
style=subStyle;
aI("text=Management;url=index.asp?ID=7;showmenu=Management;status=Management;");
aI("text=Allicances;url=index.asp?ID=8;status=Allicances;");
aI("text=News Releases;url=index.asp?ID=9;status=News Releases;");
aI("text=Press Coverage;url=index.asp?ID=10;status=Press Coverage;");
aI("text=Events;url=index.asp?ID=11;status=Events;");
aI("text=Locations;url=index.asp?ID=12;status=Locations;");
aI("text=Values;url=index.asp?ID=13;status=Values;");
}
with(milonic=new menuname("Contact")){
style=subStyle;
aI("text=Amsterdam;url=index.asp?ID=60;status=Amsterdam;");
aI("text=Boston;url=index.asp?ID=61;status=Boston;");
aI("text=Chicago;url=index.asp?ID=62;status=Chicago;");
aI("text=Dallas;url=index.asp?ID=63;status=Dallas;");
aI("text=New York;url=index.asp?ID=64;status=New York;");
aI("text=San Mateo;url=index.asp?ID=65;status=San Mateo;");
aI("text=Customer Support;url=index.asp?ID=66;status=Customer Support;");
}
with(milonic=new menuname("Customer Insight")){
style=subsubStyle;
aI("text=Customer Segmentation;url=index.asp?ID=22;status=Customer Segmentation;");
aI("text=Predictive Modelling;url=index.asp?ID=23;status=Predictive Modelling;");
aI("text=Customer Targeting;url=index.asp?ID=24;status=Customer Targeting;");
aI("text=Channel Efficiency;url=index.asp?ID=25;status=Channel Efficiency;");
}
with(milonic=new menuname("Customer Management")){
style=subsubStyle;
aI("text=Customer Architecture;url=index.asp?ID=29;status=Customer Architecture;");
aI("text=Channel, Process & Technology Assessments;url=index.asp?ID=30;status=Channel, Process & Technology Assessments;");
aI("text=Business Transformation;url=index.asp?ID=31;status=Business Transformation;");
aI("text=Process Definition & Improvement;url=index.asp?ID=32;status=Process Definition & Improvement;");
aI("text=Technology Architecture;url=index.asp?ID=39;status=Technology Architecture;");
aI("text=Enterprise Applications & Systems Integration;url=index.asp?ID=42;status=Enterprise Applications & Systems Integration;");
aI("text=Change Management & Training;url=index.asp?ID=45;status=Change Management & Training;");
aI("text=Technical Enhancements & Solutions Upgrade;url=index.asp?ID=46;status=Technical Enhancements & Solutions Upgrade;");
}
with(milonic=new menuname("Data Management")){
style=subsubStyle;
aI("text=Data Strategy & Profiling;url=index.asp?ID=17;status=Data Strategy & Profiling;");
aI("text=Data Integration;url=index.asp?ID=18;status=Data Integration;");
aI("text=Data Hygiene;url=index.asp?ID=19;status=Data Hygiene;");
aI("text=Data Augmentation;url=index.asp?ID=20;status=Data Augmentation;");
aI("text=Data Consolidation & Relationships;url=index.asp?ID=21;status=Data Consolidation & Relationships;");
}
with(milonic=new menuname("Demand Generation")){
style=subsubStyle;
aI("text=Campaign Strategy;url=index.asp?ID=67;status=Campaign Strategy;");
aI("text=Campaign Targeting;url=index.asp?ID=26;status=Campaign Targeting;");
aI("text=Campaign Management;url=index.asp?ID=27;status=Campaign Management;");
aI("text=Campaign Optimization;url=index.asp?ID=28;status=Campaign Optimization;");
}
with(milonic=new menuname("Insights")){
style=subStyle;
aI("text=Reports;url=index.asp?ID=43;status=Reports;");
aI("text=Press Coverage;url=index.asp?ID=44;status=Press Coverage;");
}
with(milonic=new menuname("Management")){
style=subsubStyle;
aI("text=Board of Directors;url=index.asp?ID=15;status=Board of Directors;");
aI("text=Investors;url=index.asp?ID=16;status=Investors;");
}
with(milonic=new menuname("Services")){
style=subStyle;
aI("text=Hosted Services;url=index.asp?ID=33;status=Hosted Services;");
aI("text=Business Process Outsourcing;url=index.asp?ID=34;status=Business Process Outsourcing;");
aI("text=Systems Integration;url=index.asp?ID=35;showmenu=Systems Integration;status=Systems Integration;");
aI("text=Data Management;url=index.asp?ID=36;showmenu=Data Management;status=Data Management;");
aI("text=Customer Insight;url=index.asp?ID=37;showmenu=Customer Insight;status=Customer Insight;");
aI("text=Demand Generation;url=index.asp?ID=38;showmenu=Demand Generation;status=Demand Generation;");
aI("text=Customer Management;url=index.asp?ID=68;showmenu=Customer Management;status=Customer Management;");
aI("text=i2i Platform;url=index.asp?ID=69;status=i2i Platform;");
}
with(milonic=new menuname("Systems Integration")){
style=subsubStyle;
aI("text=Marketing Services;url=index.asp?ID=47;status=Marketing Services;");
aI("text=Contact Center;url=index.asp?ID=54;status=Contact Center;");
aI("text=Change Management & Training;url=index.asp?ID=55;status=Change Management & Training;");
aI("text=Enterprise Systems & Integration;url=index.asp?ID=56;status=Enterprise Systems & Integration;");
}
drawmenus();
</script>
Code: Select all
<script>
with(milonic=new menuname("Main Menu")){
style=mainStyle;
alwaysvisible="1";
orientation="horizontal";
position="relative";
aI("text=Company;url=index.asp?ID=2;showmenu=Company;status=Company;");
aI("text=Services;url=index.asp?ID=3;showmenu=Services;status=Services;");
aI("text=Clients;url=index.asp?ID=4;showmenu=Clients;status=Clients;");
aI("text=Insights;url=index.asp?ID=5;showmenu=Insights;status=Insights;");
aI("text=Careers;url=index.asp?ID=6;showmenu=Careers;status=Careers;");
aI("text=Contact;url=index.asp?ID=51;showmenu=Contact;status=Contact;");
aI("text=Support;url=index.asp?ID=52;status=Support;");
aI("text=Blog;url=index.asp?ID=53;status=Blog;");
}
drawMenus();
</script>
The menu4.js file seems not to be even finding these images, however it has no problem finding the image, subimage and onsubimage values.
Thank you for any time spent.