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

problems with menus in IE/windows


Poster: abond
Dated: Friday September 30 2005 - 16:39:31 BST

We are having an issue with menus not appearing and/or the the links and rollovers not working. We have two menus on the page, which can be viewed at:
http://dev.stargazette.gannettonline.com

I have renamed the menustyle for the horizontal menu to be menusyle1

The problem is intermittant - if you reload the pages several times, eventually everything works.

This is not an issue on Firefox for Windows, or any browser on the Mac.

Thanks.
Amy


Poster: Ruth
Dated: Friday September 30 2005 - 20:54:30 BST

Hi Amy,

First, you are calling the program files twice.
Code:
<SCRIPT language=JavaScript src="/milonic_src.js" type=text/javascript></SCRIPT>
<script language=JavaScript>
if (parent.frames.length) { top.location=document.location;}
if(ns4)_d.write("<scr"+"ipt language=JavaScript src=/mmenuns4.js></scr"+"ipt>");
else _d.write("<scr"+"ipt language=JavaScript src=/mmenudom.js></scr"+"ipt>");
</script>
<SCRIPT language=JavaScript src="/misc/leftnav/menu_data.js" type=text/javascript></SCRIPT>
<script type="text/javascript" src="/misc/localnav/milonic_src.js"></script>   
   <div class=milonic>Test of navigation</a></div>
   <script   type="text/javascript">
   if(ns4)_d.write("<scr"+"ipt type=text/javascript src=/misc/localnav/mmenuns4.js><\/scr"+"ipt>");      
     else _d.write("<scr"+"ipt type=text/javascript src=/misc/localnav/mmenudom.js><\/scr"+"ipt>");
   </script>
So, the first thing to do is pick one of those sets of program files, and call them. You do not need a different set of program files because you have two menus, they will both use the same set.

Next, you are putting the menus in a table, and you cannot do that by just putting the menu_data files into the table cell. So, open your menu_data_left.js file, cut out the Left Nav menu. Put that into a file place a drawMenus(); at the end of it, add position="relative"; up where you have the alwaysvisible=1; and save it as ? whatever you want... main_left.js would be a good name. Then save the original left_data.js without that Left Nav menu in it. Go to the data file that has the main top menu in it and repeat the process, but save the files as ?? main_top.js and top_data.js.

Now, go to the table cells where you want the menus to appear and put a call for the relevant data file. So the top table would get main_top.js and the left would get main_left.js.

Up at the top of the page where you call the program files - that should be immediately after the body tag - put the call for the 3 base program files and each of the data files.
Code:
<script type="text/javascript" src="milonic_src.js"></script>   
   <div class=milonic>Test of navigation</a></div>
   <script   type="text/javascript">
   if(ns4)_d.write("<scr"+"ipt type=text/javascript src=mmenuns4.js><\/scr"+"ipt>");      
     else _d.write("<scr"+"ipt type=text/javascript src=mmenudom.js><\/scr"+"ipt>");
   </script>
<SCRIPT language=JavaScript src="top_data.js" type=text/javascript></SCRIPT>
<SCRIPT language=JavaScript src="left_data.js" type=text/javascript></SCRIPT>


One final thing. In the left nav menu you have overflow="scroll"; I have to assume since you have a size listed on that table cell you do not want it to expand beyond that size. If that is the case, then in that left_main.js file go to the menu and set the menuheight=225; Now the overflow="scroll"; will trigger since the menu will only be that height.

Hope that helps.

Ruth


Poster: abond
Dated: Wednesday October 5 2005 - 14:12:20 BST

Ruth - we followed your instructions and we are having major problems with people running IE on Windows 2000. The menus don't appear, then don't drop down once they finally do load. Any thoughts?
Thanks.
Amy


Poster: Andy
Dated: Thursday October 6 2005 - 12:25:18 BST

Hi,

Do you have a URL that we can see?

This will help us determine the cause of the problem

Regards,
Andy


Poster: abond
Dated: Thursday October 6 2005 - 14:08:18 BST

you can go to any page on our site:
http://www.stargazette.com

We are starting to suspect that this may be a problem within our building, as we have not heard from users (except two using Windows 98) that they are experiencing the same issues we are.

Any insight or help you could give us would be great. Again, it seems limited to computers running Windows 2000 (or 98) on IE.
Thanks.
Amy


Poster: Ruth
Dated: Thursday October 6 2005 - 17:05:34 BST

I think I didn't explain clearly about the files. The files that you call at the top of the page along with the milonic_src.js, mmenudom.js, mmenuns4.js should have the styles and the submenus. So, at the top you should have two files, I would rename them from menu_data so they don't have the same name. menu_data_top.js and menu_data_left.js would work. Those two files should have the styles and the submenus for their respective main menus. So the top, menu_data_top.js would be this without the main menu in it.
Code:
fixMozillaZIndex=true; //Fixes Z-Index problem  with Mozilla browsers but causes odd scrolling problem, toggle to see if it helps
_menuCloseDelay=500;
_menuOpenDelay=150;
_subOffsetTop=2;
_subOffsetLeft=-2;

with(menuStyle1=new mm_style()){
fontfamily="Trebuchet MS";
fontsize="11px"
fontstyle="bold";
offbgcolor="#ACAC9C";
offcolor="#2F436C";
oncolor="#2F436C";
ondecoration="underline";
outfilter="randomdissolve(duration=0.3)";
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color=#777777', Direction=135, Strength=5)";
padding=5;
position="relative"
separatorcolor="#ACAC9C";
separatorwidth=20;
pagebgcolor="#82B6D7";
pagecolor="black";
subimage="http://www.stargazette.com/graphics/downarrow.gif";
subimagepadding=2;
}
with(milonic=new menuname("Jobs")){
overflow="scroll";
style=menuStyle1;
aI("text=CareerBuilder;url=http://stargazette.gannettonline.com/careerbuilder/index.html;")
aI("text=Jobs at the Star-Gazette;url=http://www.stargazettejobs.com/sgjobopenings.html;")

}

with(milonic=new menuname("Cars")){
overflow="scroll";
style=menuStyle1;
aI("text=cars.com;url=http://www.cars.com/go/index.jsp?aff=stargaze;")
aI("text=Featurd dealers;url=http://www.stargazetteauto.com/dealers.html;")

}



with(milonic=new menuname("Classifieds")){
style=menuStyle1;
aI("text=Classifieds marketplace;url=http://classifieds.star-gazette.com/;");
aI("text=Announcements;url=http://www.stargazette.com/apps/pbcs.dll/section?category=ANNOUNCE;");
aI("text=Merchandise;url=http://classifieds.star-gazette.com/osform/MVCCService?osform_template=/standard/Front.oft&publication=stargaz&displayCount=10&category=ServiceDirectoryHomeServicesInteriorAdditions;");

aI("text=Personals;url=http://www.eharmony.com/singles/servlet/registration?aid=3310&cid=1059&cmd=registration-profile-opt;");
aI("text=Rummage Sales;url=http://classifieds.star-gazette.com/osform/MVCCService?osform_template=/standard/Front.oft&publication=stargaz&displayCount=10&category=ServiceDirectoryHomeServicesExteriorWindowReplacement;");
aI("text=Services;url=http://classifieds.star-gazette.com/osform/MVCCService?osform_template=/standard/Front.oft&publication=stargaz&displayCount=10&category=PetsAnimals;");
aI("text=Place an ad;url=https://ssl1.gmti.com/stargaz/forms/classifieds.html;");

}

with(milonic=new menuname("Shopping")){
style=menuStyle1;
aI("text=ShopLocal;url=http://www.shoplocal.com/star-gazette/new_user_entry.aspx?CityStateZip=14902&ShoppingZoneRadius=50;");
aI("text=Sales fliers;url=http://classifieds.stargazette.com/osform/MVCCService?osform_template=/stargaz/branding/mktplace.html&publication=stargaz/#SALEFLIERS;");
aI("text=Local coupons;url=http://customcoupon.com/cgi-bin/localentry.cgi?config=GANNETT022&flags=YYYN;");
aI("text=Grocery coupons;url=http://microsite.coupons.com/gmsa/Login.asp?pid=10318&ZID=sj45&NID=4;");
aI("text=eCommerce;url=http://classifieds.star-gazette.com/osform/MVCCService?osform_template=/stargaz/branding/mktplace.html&publication=stargaz#ECOMMERCE;");

aI("text=Dotcom directory;url=http://www.stargazette.com/dotcom/;");
aI("text=Celebrations;url=http://www.stargazette.com/apps/pbcs.dll/section?category=ANNOUNCE;");

}

with(milonic=new menuname("Real Estate")){
style=menuStyle1;
aI("text=Twin Tiers Homes;url=http://www.twintiershomes.com;");
aI("text=Featured brokers;url=http://www.twintiershomes.com/Companies/index.html;");
}
drawMenus();


Now you take the main menu from that file and put it into its own file and add the position="relative";

Code:
with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
orientation="horizontal";
style=menuStyle1;
position="relative";
aI("status=Star-Gazette.COM;text=Star-Gazette.COM;url=http://www.stargazette.com/;");
aI("status=Weather;text=Weather;url=http://stargazette.gannettonline.com/weather/detail/ELM-detail.html?city=Elmira&state=NY&zipcode=14902;");
aI("showmenu=Jobs;text=Jobs;");
aI("showmenu=Cars;text=Cars;");
aI("showmenu=Classifieds;text=Classifieds;");
aI("showmenu=Shopping;text=Shopping;");
aI("showmenu=Real Estate;text=Real Estate;");
aI("status=Apartments;text=Apartments;url=http://www.apartments.com/search/oasis.dll?p=stargaze&Area2=Y&page=SubArea&state=NY&rgn5=113&partner=stargaze&prvpg=3;");
aI("status=Dating;text=Dating;url=http://www.eharmony.com/singles/servlet/registration?cid=1059&aid=3310&cmd=registration-profile-opt;");
}
drawMenus();
That would be saved as top_main.js, you now have two files for the top menu, the style and submenus in one and the main menu by itself in one.

You would do the left side the same way, the style and submenus together in one file as below.

Code:
fixMozillaZIndex=true; //Fixes Z-Index problem  with Mozilla browsers but causes odd scrolling problem, toggle to see if it helps
_menuCloseDelay=500;
_menuOpenDelay=150;
_subOffsetTop=2;
_subOffsetLeft=-2;

with(menuStyle=new mm_style()){
fontfamily="Trebuchet MS";
fontsize="12px"
fontstyle="bold";
offbgcolor="#C6CCB7";
offcolor="#2F436C";
onbgcolor="#ACAC9C";
oncolor="#2F436C";
ondecoration="underline";
outfilter="randomdissolve(duration=0.3)";
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color=#777777', Direction=135, Strength=5)";
padding=2;
position="relative"
pagebgcolor="#ACAC9C";
pagecolor="black";
subimage="http://www.stargazette.com/graphics/arrow.gif";
subimagepadding=4;
}
with(milonic=new menuname("News")){
overflow="scroll";
style=menuStyle;
aI("text=Today's local news;url=http://www.stargazette.com/apps/pbcs.dll/section?Category=NEWS;")
aI("text=Southern Finger Lakes;url=http://www.stargazette.com/apps/pbcs.dll/section?Category=NEWS0109;")
aI("text=Tech featuring e;url=http://cgi.stargazettenews.com/cgi-bin/techwrapper.pl?URL=http://www.gannettonline.com/e/index.html&AFFIL=tsg;")
aI("text=Multimedia;url=http://www.stargazettenews.com/multimedia/;")
aI("text=Elections;url=http://www.stargazette.com/apps/pbcs.dll/section?Category=NEWS0110;")
aI("text=Return to Flight: Eileen Collins;url=http://www.stargazette.com/apps/pbcs.dll/section?Category=NEWS0306;")
aI("text=News Extras;url=http://www.stargazette.com/newsextra;")
aI("text=News to Use;url=http://www.stargazette.com/newstouse;")
aI("text=From the Associated Press;url=http://customwire.ap.org/dynamic/fronts/HOME?SITE=NYELM&SECTION=HOME;")

}

with(milonic=new menuname("Sports")){
style=menuStyle;
aI("text=Today's local sports;url=http://www.stargazette.com/apps/pbcs.dll/section?Category=Sports;")
aI("text=LPGA Corning Classic;url=http://www.stargazette.com/apps/pbcs.dll/section?Category=SPORTS01;")
aI("text=Star-Gazette at the Glen;url=http://www.stargazette.com/apps/pbcs.dll/section?Category=SPORTS02;")
aI("text=From the Associated Press;url=http://hosted.ap.org/dynamic/fronts/SPORTS?SITE=NYELM&SECTION=SPORTS;")
}

with(milonic=new menuname("Opinion")){
style=menuStyle;
aI("text=Today's opinion;url=http://www.stargazette.com/apps/pbcs.dll/section?Category=Opinion;")
aI("text=Editorials;url=http://www.stargazette.com/apps/pbcs.dll/section?Category=OPINION01;")
aI("text=Letters to the editor;url=http://www.stargazette.com/apps/pbcs.dll/section?Category=OPINION02;")
}

with(milonic=new menuname("Business")){
style=menuStyle;
aI("text=Today's local business;url=http://www.stargazette.com/apps/pbcs.dll/section?Category=BUSINESS;")
aI("text=From the Associated Press;url=http://customwire.ap.org/dynamic/fronts/BUSINESS?SITE=NYELM&SECTION=HOME;")
}

with(milonic=new menuname("Twin Tiers Life")){
style=menuStyle;
aI("text=Today's Twin Tiers Life;url=http://www.stargazette.com/apps/pbcs.dll/section?Category=LIFE;")
aI("text=Two Minutes;url=http://www.stargazette.com/apps/pbcs.dll/section?Category=LIFE06;");
}

with(milonic=new menuname("Columnists")){
style=menuStyle;
aI("text=John Cleary;url=http://www.stargazette.com/apps/pbcs.dll/section?Category=COLUMNIST05;");
aI("text=Jim Pfiffer;url=http://www.stargazette.com/apps/pbcs.dll/section?Category=COLUMNIST20;");
aI("text=Kathleen Costello;url=http://www.stargazette.com/apps/pbcs.dll/section?Category=COLUMNIST06;");
aI("text=All columnists;url=http://www.stargazette.com/apps/pbcs.dll/section?Category=COLUMNIST;");
}

with(milonic=new menuname("Polls")){
style=menuStyle;
aI("text=News;url=http://www.stargazette.com/apps/pbcs.dll/section?Category=NEWS#poll;")
aI("text=Sports;url=http://www.stargazette.com/apps/pbcs.dll/section?Category=SPORTS#poll;")
aI("text=Time Out;url=http://www.stargazette.com/apps/pbcs.dll/section?Category=ENTERTAINMENT#poll;")
}

with(milonic=new menuname("Entertainment")){
style=menuStyle;
aI("text=Time Out;url=http://www.stargazette.com/apps/pbcs.dll/section?Category=ENTERTAINMENT;");
aI("text=Calendar of Events;url=http://cityguide.stargazette.com/fe/elm/search.asp;");
aI("text=From the Associated Press;url=http://customwire.ap.org/dynamic/fronts/ENTERTAINMENT?SITE=NYELM&SECTION=ENTERTAINMENT;");
}
drawMenus();



There is no Left Nav in the above, you now put that into the left_main.js file by itself adding the drawMenus and the position="relative";.

Code:
with(milonic=new menuname("Left Nav")){
alwaysvisible=1;
overflow="scroll";
style=menuStyle;
position="relative";
aI("showmenu=News;text=News;");
aI("status=News/World;text=Nation/World;url=http://customwire.ap.org/dynamic/fronts/HOME?SITE=NYELM&SECTION=HOME;");
aI("showmenu=Sports;text=Sports;");
aI("showmenu=Opinion;text=Opinion;");
aI("showmenu=Business;text=Business;");
aI("showmenu=Twin Tiers Life;text=Twin Tiers Life;");
aI("showmenu=Columnists;text=Columnists;");
aI("showmenu=Polls;text=Polls;");
aI("showmenu=Entertainment;text=Entertainment;");
aI("status=Obituaries;text=Obituaries;url=http://miva.stargazette.com/miva/cgi-bin/miva?localobit.mv;");
aI("status=Photo Galleries;text=Photo Galleries;url=http://www.stargazette.com/apps/pbcs.dll/section?Category=PHOTO");

}
drawMenus();


Now you would have 4 files and you would call the menu_data_left.js and menu_data_top.js at the top of the page right after the body tag with the other 3 program files milonic_src.js, mmenudom.js, and mmenuns4.js

Code:
<script type="text/javascript" src="/misc/localnav/milonic_src.js"></script>   
   <div class=milonic>Test of navigation</a></div>
   <script   type="text/javascript">
   if(ns4)_d.write("<scr"+"ipt type=text/javascript src=/misc/localnav/mmenuns4.js><\/scr"+"ipt>");      
     else _d.write("<scr"+"ipt type=text/javascript src=/misc/localnav/mmenudom.js><\/scr"+"ipt>");
   </script>
<SCRIPT language=JavaScript src="/misc/localnav/menu_data_top.js" type=text/javascript></SCRIPT>
<SCRIPT language=JavaScript src="/misc/localnav/menu_data_left.js" type=text/javascript></SCRIPT>


and you would put each of the other two files in their respective table cell, the top where you want the top to appear and the left where you want the left to appear.

Just for info, I have Win98 and IE5.5 and I"m not having a problem with the menu.

Ruth

©1998-2012 Milonic Solutions Ltd. UK Registered Company #4406835
Privacy Policy | License Agreement | Contact Us | Tech Support