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

Flickering submenus in Safari/Firefox


Poster: summarob
Dated: Wednesday July 5 2006 - 20:48:27 BST

I know I goofed up somewhere, but I need a pair of expert eyes to help me out of this pickle. I saw a Milonic DHTML nav used on http://www.acu.edu and it works slick in both browsers, but I can't figure out what I'm doing wrong.

I'm having trouble getting my DHTML menu to appear properly when placed in a cell. I'm building the site on a Mac using 10.4.5 and Dreamweaver 8.0.

My nav is right above a Flash slide show and at first would appear behind the Flash object in Safari 2.0.3 or Firefox 1.5.0.4. Then I read an earlier post about Microsoft's recommended way of inserting Flash (insert_active_flash.js) and that brought the DHTML nav in front, but now the submenu items flicker between visible and transparent depending upon the rollover state.

Thanks,

Rob

The test page is:

http://www.summaserver.com/index2.shtml

Here's my menu_data.js code:

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=5;
_subOffsetLeft=-5;

with(topRowMenuStyle=new mm_style()){
bordercolor="#CCCCCC";
borderstyle="solid";
borderwidth=1;
onbgcolor="#7C7C7C";   
oncolor="#FFFFFF";
offbgcolor="#E9E9E9";
offcolor="#303030";
padding="4px 7px 5px 3px";
fontsize="7pt";
fontstyle="normal";
fontfamily="Verdana, Arial, Helvetica";
separatorcolor="#BABABA";
separatorsize="1";
image="http://www.summaserver.com/JavaScript/downArrow.gif";
imagepadding="2px 1px 0px 4px";
separatorpadding="0";
}

with(menuStyle=new mm_style()){
onbgcolor="#7C7C7C";   
oncolor="#FFFFFF";
offbgcolor="#E9E9E9";
offcolor="#303030";
borderstyle="solid";
borderwidth=1;
separatorcolor="#E9E9E9";
separatorsize="2";
padding="3px 8px 3px 3px";
fontsize="7pt";
fontstyle="normal";
fontfamily="Verdana, Tahoma, Arial";
subimage="http://www.summaserver.com/JavaScript/arrow.gif";
subimagepadding="2";
}

with(milonic=new menuname("About")){
style=menuStyle;
aI("text=History;url=http://www.summaserver.com/About/History.shtml;");
aI("text=Mission;url=http://www.summaserver.com/About/Mission.shtml;");
aI("text=Our Fransciscan Heritage;url=http://www.summaserver.com/About/FranciscanHeritage.shtml;");
aI("text=Photo Album;url=http://www.summaserver.com/About/PhotoAlbum.shtml;");
aI("text=President's Message;url=http://www.summaserver.com/About/PresidentMessage.shtml;");
aI("text=University Bio;url=http://www.summaserver.com/About/QUBio.shtml;");
}

with(milonic=new menuname("Academics")){
style=menuStyle;
aI("text=All Majors;url=http://www.summaserver.com/Academics/Majors.shtml;");
aI("text=Behavioral & Social Sciences;url=http://www.summaserver.com/Academics/BehavSocSci/index.shtml;showmenu=BehavSocSci;");
aI("text=Business;url=http://www.summaserver.com/Academics/Business/index.shtml;showmenu=Business;");
aI("text=Education;url=http://www.summaserver.com/Academics/Education/index.shtml;showmenu=Education;");
aI("text=Fine Arts & Communication;url=http://www.summaserver.com/Academics/FineArtsComm/index.shtml;showmenu=FAComm;");
aI("text=Humanities;url=http://www.summaserver.com/Academics/Humanities/index.shtml;showmenu=Humanities;");
aI("text=Professional Studies;url=http://www.summaserver.com/Academics/ProfStudies/index.shtml;showmenu=ProStudies;");
aI("text=Science & Technology;url=http://www.summaserver.com/Academics/ScienceTech/index.shtml;showmenu=SciTech;");
}

   with(milonic=new menuname("BehavSocSci")){
   style=menuStyle;
   aI("text=Criminal Justice;url=http://www.summaserver.com/Academics/BehavSocSci/CriminalJustice/index.shtml;");
   aI("text=Criminal Justice TAU;url=http://www.summaserver.com/Academics/BehavSocSci/CriminalJusticeTAU/index.shtml;");
   aI("text=History;url=http://www.summaserver.com/Academics/BehavSocSci/History/index.shtml;");
   aI("text=Political Science;url=http://www.summaserver.com/Academics/BehavSocSci/PoliticalScience/index.shtml;");
   aI("text=Pre-Law;url=http://www.summaserver.com/Academics/BehavSocSci/PreLaw/index.shtml;");
   aI("text=Psychology;url=http://www.summaserver.com/Academics/BehavSocSci/Psychology/index.shtml;");
   aI("text=Social Work;url=http://www.summaserver.com/Academics/BehavSocSci/SocialWork/index.shtml;");
   }
   
   with(milonic=new menuname("Business")){
   style=menuStyle;
   aI("text=Accounting;url=http://www.summaserver.com/Academics/Business/Accounting/index.shtml;");
   aI("text=Business;url=http://www.summaserver.com/Academics/Business/Business/index.shtml;");
   aI("text=business Administration TQU;url=http://www.summaserver.com/Academics/Business/BusinessAdminTAU/index.shtml;");
   aI("text=Business Certificate;url=http://www.summaserver.com/Academics/Business/BusinessCertificate/index.shtml;");
   aI("text=Finance;url=http://www.summaserver.com/Academics/Business/Finance/index.shtml;");
   aI("text=Management;url=http://www.summaserver.com/Academics/Business/Management/index.shtml;");
   aI("text=Marketing;url=http://www.summaserver.com/Academics/Business/Marketing/index.shtml;");
   aI("text=MBA;url=http://www.summaserver.com/Academics/Business/MBA/index.shtml;");
   aI("text=Pre-Actuarial Studies;url=http://www.summaserver.com/Academics/Business/PreActuarial/index.shtml;");
   }
   
   with(milonic=new menuname("Education")){
   style=menuStyle;
   aI("text=Education;url=http://www.summaserver.com/Academics/Education/Education/index.shtml;");
   aI("text=Elementary Ed;url=http://www.summaserver.com/Academics/Education/ElementaryEd/index.shtml;");
   aI("text=Elementary Ed TAU;url=http://www.summaserver.com/Academics/Education/ElementaryEdTAU/index.shtml;");
   aI("text=Interpreter Training;url=http://www.summaserver.com/Academics/Education/InterpreterTraining/index.shtml;");
   aI("text=Learning Behavioral Specialist;url=http://www.summaserver.com/Academics/Education/LearningBehavSpec/index.shtml;");
   aI("text=MSE;url=http://www.summaserver.com/Academics/Education/MSE/index.shtml;");
   aI("text=Physical Education;url=http://www.summaserver.com/Academics/Education/PhysicalEd/index.shtml;");
   aI("text=Sports Management;url=http://www.summaserver.com/Academics/Education/SportsManagement/index.shtml;");
   }
   
   with(milonic=new menuname("FAComm")){
   style=menuStyle;
   aI("text=Art Education;url=http://www.summaserver.com/Academics/FineArtsComm/ArtEducation/index.shtml;");
   aI("text=Arts Management;url=http://www.summaserver.com/Academics/FineArtsComm/ArtsManagement/index.shtml;");
   aI("text=Broadcasting;url=http://www.summaserver.com/Academics/FineArtsComm/Broadcasting/index.shtml;");
   aI("text=Graphic Design;url=http://www.summaserver.com/Academics/FineArtsComm/GraphicDesign/index.shtml;");
   aI("text=Journalism;url=http://www.summaserver.com/Academics/FineArtsComm/Journalism/index.shtml;");
   aI("text=Music;url=http://www.summaserver.com/Academics/FineArtsComm/Music/index.shtml;");
   aI("text=Music Business;url=http://www.summaserver.com/Academics/FineArtsComm/MusicBusiness/index.shtml;");
   aI("text=Music Education;url=http://www.summaserver.com/Academics/FineArtsComm/MusicEducation/index.shtml;");
   aI("text=Professional Communication;url=http://www.summaserver.com/Academics/FineArtsComm/ProfessionalComm/index.shtml;");
   aI("text=Public Relations;url=http://www.summaserver.com/Academics/FineArtsComm/PublicRelations/index.shtml;");
   aI("text=Sports Communication;url=http://www.summaserver.com/Academics/FineArtsComm/SportsComm/index.shtml;");
   aI("text=Studio Art;url=http://www.summaserver.com/Academics/FineArtsComm/StudioArt/index.shtml;");
   }
   
   with(milonic=new menuname("Humanities")){
   style=menuStyle;
   aI("text=English;url=http://www.summaserver.com/Academics/Humanities/English/index.shtml;");
   aI("text=Philosophy;url=http://www.summaserver.com/Academics/Humanities/Philosophy/index.shtml;");
   aI("text=Spanish;url=http://www.summaserver.com/Academics/Humanities/Spanish/index.shtml;");
   aI("text=Theology;url=http://www.summaserver.com/Academics/Humanities/Theology/index.shtml;");
   }
   
   with(milonic=new menuname("ProStudies")){
   style=menuStyle;
   aI("text=Aviation;url=http://www.summaserver.com/Academics/ProfStudies/Aviation/index.shtml;");
   aI("text=Aviation Management;url=http://www.summaserver.com/Academics/ProfStudies/AviationManagement/index.shtml;");
   aI("text=Masters in Education - Counseling;url=http://www.summaserver.com/Academics/ProfStudies/MastersEdCounseling/index.shtml;");
   aI("text=Masters in Theology;url=http://www.summaserver.com/Academics/ProfStudies/MastersTheology/index.shtml;");
   aI("text=Nursing;url=http://www.summaserver.com/Academics/ProfStudies/Nursing/index.shtml;");
   aI("text=Nursing TAU;url=http://www.summaserver.com/Academics/ProfStudies/NursingTAU/index.shtml;");
   aI("text=TAU Program;url=http://www.summaserver.com/Academics/ProfStudies/TAU/index.shtml;");
   }
   
   with(milonic=new menuname("SciTech")){
   style=menuStyle;
   aI("text=Biological Sciences;url=http://www.summaserver.com/Academics/ScienceTech/BiologicalSciences/index.shtml;");
   aI("text=Biology;url=http://www.summaserver.com/Academics/ScienceTech/Biology/index.shtml;");
   aI("text=Chemistry;url=http://www.summaserver.com/Academics/ScienceTech/Chemistry/index.shtml;");
   aI("text=Computer Information Systems;url=http://www.summaserver.com/Academics/ScienceTech/ComputerInfoSystems/index.shtml;");
   aI("text=Computer Science;url=http://www.summaserver.com/Academics/ScienceTech/ComputerSci/index.shtml;");
   aI("text=Electrical Engineering;url=http://www.summaserver.com/Academics/ScienceTech/ElectricalEngineering/index.shtml;");
   aI("text=Mathematics;url=http://www.summaserver.com/Academics/ScienceTech/Mathematics/index.shtml;");
   aI("text=Mechanical Engineering;url=http://www.summaserver.com/Academics/ScienceTech/MechanicalEngineering/index.shtml;");
   aI("text=Physics;url=http://www.summaserver.com/Academics/ScienceTech/Physics/index.shtml;");
   aI("text=Pre-Dentistry;url=http://www.summaserver.com/Academics/ScienceTech/PreDentistry/index.shtml;");
   aI("text=Pre-Engineering;url=http://www.summaserver.com/Academics/ScienceTech/PreEngineering/index.shtml;");
   aI("text=Pre-Medicine;url=http://www.summaserver.com/Academics/ScienceTech/PreMedicine/index.shtml;");
   aI("text=Pre-Physical Therapy;url=http://www.summaserver.com/Academics/ScienceTech/PrePhysicalTherapy/index.shtml;");
   aI("text=Pre-Veterinary;url=http://www.summaserver.com/Academics/ScienceTech/PreVererinary/index.shtml;");
   }
   
with(milonic=new menuname("Admissions")){
style=menuStyle;
aI("text=Future Freshmen;url=http://www.summaserver.com/Admissions/FutureFreshmen.shtml;");
aI("text=Transfer;url=http://www.summaserver.com/Admissions/Transfer.shtml;");
aI("text=Parents;url=http://www.summaserver.com/Admissions/Parents.shtml;");
aI("text=Graduate;url=http://www.summaserver.com/Admissions/Graduate.shtml;");
aI("text=International;url=http://www.summaserver.com/Admissions/International.shtml;");
aI("text=Adult Ed;url=http://www.summaserver.com/Admissions/AdultEd.shtml;");
aI("text=Visit Campus;url=http://www.summaserver.com/Admissions/VisitCampus.shtml;");
}

with(milonic=new menuname("Athletics")){
style=menuStyle;
aI("text=Men's Athletics;showmenu=Mens");
aI("text=Women's Athletics;showmenu=Womens");
aI("text=Intramurals;url=http://www.summaserver.com/Athletics/Intramurals.shtml;");
}

   with(milonic=new menuname("Mens")){
   style=menuStyle;
   aI("text=Baseball;url=http://www.summaserver.com/Athletics/Baseball/index.shtml;");
   aI("text=Basketball;url=http://www.summaserver.com/Athletics/MBasketball/index.shtml;");
   aI("text=Football;url=http://www.summaserver.com/Athletics/Football/index.shtml;");
   aI("text=Golf;url=http://www.summaserver.com/Athletics/MGolf/index.shtml;");
   aI("text=Soccer;url=http://www.summaserver.com/Athletics/MSoccer/index.shtml;");
   aI("text=Tennis;url=http://www.summaserver.com/Athletics/MTennis/index.shtml;");
   aI("text=Volleyball;url=http://www.summaserver.com/Athletics/MVolleyball/index.shtml;");
   }
   
   with(milonic=new menuname("Womens")){
   style=menuStyle;
   aI("text=Basketball;url=http://www.summaserver.com/Athletics/WBasketball/index.shtml;");
   aI("text=Golf;url=http://www.summaserver.com/Athletics/WGolf/index.shtml;");
   aI("text=Soccer;url=http://www.summaserver.com/Athletics/WSoccer/index.shtml;");
   aI("text=Softball;url=http://www.summaserver.com/Athletics/Softball/index.shtml;");
   aI("text=Tennis;url=http://www.summaserver.com/Athletics/WTennis/index.shtml;");
   aI("text=Volleyball;url=http://www.summaserver.com/Athletics/WVolleyball/index.shtml;");
   }

with(milonic=new menuname("CampusLife")){
style=menuStyle;
aI("text=Intramurals;url=http://www.summaserver.com/Athletics/Intramurals.shtml;");
aI("text=Living On Campus;url=http://www.summaserver.com/CampusLife/LivingOnCampus.shtml;showmenu=LivingOnCampus;");
aI("text=Multicultural Opportunities;url=http://www.summaserver.com/CampusLife/MulticulturalOpps.shtml;");
aI("text=New Student Orientation;url=http://www.summaserver.com/CampusLife/NewStudentOrientation.shtml;");
aI("text=Service Opportunities;url=http://www.summaserver.com/CampusLife/ServiceOpps.shtml;");
aI("text=Spiritual Life;url=http://www.summaserver.com/CampusMinistry/SpiritualLife.shtml;");
aI("text=Student Organizations;url=http://www.summaserver.com/CampusLife/StudentOrgs.shtml;showmenu=StudentOrgs;");
aI("text=Student Services;url=http://www.summaserver.com/CampusLife/StudentServices/index.shtml;showmenu=StudentServ;");
}

   with(milonic=new menuname("LivingOnCampus")){
   style=menuStyle;
   aI("text=Residence Halls;url=http://www.summaserver.com/CampusLife/ResidenceHalls.shtml;");
   aI("text=Meal Plans;url=http://www.summaserver.com/CampusLife/MealPlans.shtml;");
   }

   with(milonic=new menuname("StudentOrgs")){
   style=menuStyle;
   aI("text=Campus Activities;url=http://www.summaserver.com/CampusLife/CampusActivities.shtml;");
   aI("text=Honors & Service;url=http://www.summaserver.com/CampusLife/HonorsAndService.shtml;");
   aI("text=Social Clubs;url=http://www.summaserver.com/CampusLife/SocialClubs.shtml;");
   aI("text=Special Interests;url=http://www.summaserver.com/CampusLife/SpecialInterests.shtml;");
   }

   with(milonic=new menuname("StudentServ")){
   style=menuStyle;
   aI("text=Counseling Center;url=http://www.summaserver.com/CampusLife/StudentServices/CounselingCenter.shtml;");
   aI("text=Medical Clinic;url=http://www.summaserver.com/CampusLife/StudentServices/MedicalClinic.shtml;");
   aI("text=Safety;url=http://www.summaserver.com/CampusLife/StudentServices/Safety.shtml;");
   }

with(milonic=new menuname("Events")){
style=menuStyle;
aI("text=Calendar;url=http://www.summaserver.com/Calendar/index.shtml;showmenu=Calendars;");
aI("text=Events;url=http://www.summaserver.com/Events/index.shtml;");
aI("text=News;url=http://www.summaserver.com/News/index.shtml;");
}

   with(milonic=new menuname("Calendars")){
   style=menuStyle;
   aI("text=Sports;url=http://www.summaserver.com/Calendar/Sports.shtml;");
   aI("text=Events;url=http://www.summaserver.com/Calendar/index.shtml;");
   aI("text=For Students;url=http://www.summaserver.com/Calendar/Student.shtml;");
   aI("text=For Faculty & Staff;url=http://www.summaserver.com/Calendar/FacStaff.shtml;");
   }

with(milonic=new menuname("Resources")){
style=menuStyle;
aI("text=Campus Offices;url=http://www.summaserver.com/Resources/CampusOffices.shtml;");
aI("text=Bookstore;url=http://www.summaserver.com/Resources/Bookstore.shtml;");
aI("text=Health & Fitness Center;url=http://www.summaserver.com/Resources/HealthFitnessCenter.shtml;");
aI("text=Jobs & Careers;url=http://www.summaserver.com/Resources/JobsCareers.shtml;");
aI("text=Library;url=http://www.summaserver.com/Library/index.shtml;");
aI("text=Ministry Resources;showmenu=MinistryResources;");
aI("text=Registrar;url=http://www.summaserver.com/Registrar/index.shtml;");
aI("text=Financial Aid;url=http://www.summaserver.com/FinancialAid/index.shtml;");
aI("text=Online Services;url=http://www.summaserver.com/Resources/OnlineServices.shtml;");
aI("text=QU Moodle;url=http://www.summaserver.com/Resources/Moodle.shtml;");
aI("text=Publications/Media;url=http://www.summaserver.com/PubsMedia/index.shtml;showmenu=PubMedia;");
aI("text=Technology Resources;url=http://www.summaserver.com/Resources/TechResources.shtml;");
}

   with(milonic=new menuname("MinistryResources")){
   style=menuStyle;
   aI("text=Franciscan Retreat;url=http://www.summaserver.com/CampusMinistry/FranciscanRetreat.shtml;");
   aI("text=Sacred Heart Province;url=http://www.summaserver.com/CampusMinistry/SacredHeartProv.shtml;");
   }

   with(milonic=new menuname("PubMedia")){
   style=menuStyle;
   aI("text=Alumni Bulletin;url=http://www.summaserver.com/PubsMedia/AlumniBulletin.shtml;");
   aI("text=Falcon;url=http://www.summaserver.com/PubsMedia/Falcon.shtml;");
   aI("text=Franciscan Press;url=http://www.summaserver.com/FranciscanPress/index.shtml;");
   aI("text=WQUB;url=http://www.summaserver.com/PubsMedia/WQUB.shtml;");
   }

with(milonic=new menuname("SupportQU")){
style=menuStyle;
aI("text=QU Foundation;url=http://www.summaserver.com/Development/Foundation/index.shtml;");
aI("text=Scholarships;url=http://www.summaserver.com/Development/Scholarships/index.shtml;");
aI("text=Capital Campaign;url=http://www.summaserver.com/Development/CapCampaignindex.shtml;");
aI("text=Give Online;url=http://www.summaserver.com/Development/GiveOnline/index.shtml;");
aI("text=Volunteer Opportunities;url=http://www.summaserver.com/Development/VolunteerOpps/index.shtml;");
}

drawMenus();


Poster: John
Dated: Wednesday July 5 2006 - 21:29:31 BST

See http://www.milonic.com/forum/viewtopic.php?t=7616.

You mentioned you're developing on a Mac (yea!), but not if you're seeing the problem only on a Mac. On XP Pro/FF the submenus are rock solid. Also, in looking at the test page on Safari and FF/Mac they are also solid - no flickering at all.