Milonic provide full featured pull down web menus for some of the worlds largest companies
click here to see what it can do for you

Download Milonic DHTML Menu
Buy Milonic DHTML Menu

Back To Start Of Archive
Taken From The Forum: Help & Support for DHTML Menu Version 5+
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:42

overbgimage and bgimage problems with netscape 4x. Help!


Poster: Ru55e11B
Dated: Tuesday June 7 2005 - 15:40:18 BST

Hello all.

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


Here is the code for the drawing of the sub menus first - just after the body tag:

Code:
<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>


Here is the code for the embedded main menu in a cell:

Code:
<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>


I have managed to fix some of the issues with the asp generation, and made my own asp code to retrieve the main and sub menus and descarations in 2 different includes in the correct places, however there is still the issue of netscape not showing bgimage, pagebgimage and overbgimage.

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.

Added a new URL which conforms to the Table Structure Menu


Poster: Ru55e11B
Dated: Tuesday June 7 2005 - 16:01:48 BST

http://www.extraprise.com/_ext/extraprise2/index2.asp

In this example, I have made use of the instructions for positioning inside a table, and have written the menus out from a view source so that they can be seen in a vide source by users.

Do bear in mind that when you click on any link, you will be taken to the index.asp page, not the index2.asp version.

Cheers