I have a site with an iframe located below the header which contains the Milonic menu. The menu loads content into the iframe, including PDF files. I chose Milonic because it had the capability to display on top of a PDF, quite a feat considering no other menus I've seen will do that!
However, when a PDF is loaded in the iframe and the user uses the menu, it flickers terribly. I am guessing that is because the menu is fighting with the PDF for top billing but is there a way to smooth this out at all?
initial menu definition:
Code: Select all
<script type=text/javascript>
_menuCloseDelay=50 // The time delay for menus to remain visible on mouse out
_menuOpenDelay=50 // The time delay before menus open on mouse over
_subOffsetTop=10 // Sub menu top offset
_subOffsetLeft=3 // Sub menu left offset
// top level menu style
with(mainmenu=new mm_style()){
onborder="1px inset #ccc";
offborder="1px outset #fff";
onbgcolor="#243E74";
oncolor="#ffffff";
offbgcolor="transparent";
offcolor="#fff";
padding=0;
fontsize="90%";
fontfamily="Verdana, Tahoma, Arial";
itemwidth="100";
itemheight="15";
align="center";
}
//submenus style
with(menuStyle=new mm_style()){
menuheight=10;
onbgcolor="#A9AFC4";
oncolor="#000000";
offbgcolor="#BBBFCB";
offcolor="#000000";
bordercolor="#296488";
borderstyle="solid";
borderwidth=0;
padding=5;
fontsize="94%";
fontstyle="bold";
fontfamily="Verdana, Tahoma, Arial";
pagecolor="black";
pagebgcolor="#B2B7CB";
headercolor="#000000";
headerbgcolor="#ffffff";
subimage="arrow.gif";
subimagepadding="9";
overfilter="";
outfilter="";
//overfilter="Fade(duration=0.2);Alpha(opacity=98);Shadow(color='#777777', Direction=135, Strength=5)";
//outfilter="Fade(duration=0.3);";
overflow="scroll";
}
//----------------------------------TOP MENU DEFINITION
with(milonic=new menuname("Main Menu")){
style=mainmenu;
alwaysvisible=1;
orientation="horizontal";
top=4;
left=10;
aI("text=Home;target=ifr;url=http://bl-iuhc-netsrv/mainx.asp;");
aI("text=Phone List;target=ifr;url=http://bl-iuhc-netsrv/webtools/phonelist.asp;");
aI("text=ITS Help;target=ifr;url=http://bl-iuhc-netsrv/webtools/helpdesk/helpdesk.asp;");
aI("text=Calendars;showmenu=calendars;");
aI("text=Resources;showmenu=resources;");
}
//----------------------------------Calendars MAIN MENU
with(milonic=new menuname("calendars")){
style=menuStyle;
aI("text=Library;target=ifr;url=http://bl-iuhc-netsrv/notyetcal.htm;");
aI("text=Specialists;target=ifr;url=http://bl-iuhc-netsrv/notyetcal.htm;");
aI("text=GYN WIC;target=ifr;url=http://bl-iuhc-netsrv/notyetcal.htm;");
aI("text=Eye Clinic;target=ifr;url=http://bl-iuhc-netsrv/notyetcal.htm;");
aI("text=Walk-In Clinic;target=ifr;url=http://bl-iuhc-netsrv/notyetcal.htm;");
}
....
The flickering is apparent mainly when you mouseover a submenu, running your mouse up and down the displayed submenu.
Oh, one last note. The flickering only starts after a PDF has been loaded. It continues even though an html page may be loaded into the Iframe. However, if you Refresh the page, the flicker goes away again until another PDF is loaded.