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:10
Flicker with PDF in IFRAME
Poster: ssalter
Dated: Tuesday September 14 2004 - 13:59:40 BST
Greetings,
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:
<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;");
}
....
_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 menu is not inside a <div>, it is included just after the <body> tag.
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.
Poster: Andy
Dated: Thursday September 16 2004 - 11:14:37 BST
Hi,
Do you have a URL that we can see?
I know we can probably set up a demo ourselves but this will take time. Unfortunately, time is at a premium at the moment so any help you can provide will certainly speed things up.
Cheers
Andy
Poster: ssalter
Dated: Thursday September 16 2004 - 13:48:40 BST
Hi Andy,
Unfortunately this is an intranet site behind a firewall. hmm...if I can find time today, I'll try to copy the relevant parts of the site to my public site. I'll post back here when I get it done.
Thanks.
Steve
Andy wrote:
Hi,
Do you have a URL that we can see?
I know we can probably set up a demo ourselves but this will take time. Unfortunately, time is at a premium at the moment so any help you can provide will certainly speed things up.
Cheers
Andy
Do you have a URL that we can see?
I know we can probably set up a demo ourselves but this will take time. Unfortunately, time is at a premium at the moment so any help you can provide will certainly speed things up.
Cheers
Andy
Poster: Andy
Dated: Thursday September 16 2004 - 17:53:37 BST
OK, no probs, let me know when you've posted something up and we'll take a peek.
-- Andy
Poster: ssalter
Dated: Thursday September 16 2004 - 18:54:23 BST
http://www.saltcom.net/test/default.htm is the test site.
It doesn't flicker as badly as it does with "real" pdf files but you still see it at the top.
Click "Load PDF" to load the test pdf and scroll around through the submenus. Then, load the default test page again by clicking the "Home" button and you still see the flickering.
I imagine the flickering is due to the menu trying to stay on top of the PDF but even after the PDF is gone, it still is in "keep on top" mode.
Poster: Andy
Dated: Thursday September 16 2004 - 19:51:32 BST
Hmmm, Looks like the problem might be related to the IE's transitions and effects,
Have you tried removing the outfilter and overfilter and see if it helps?
Let me know what you find after you've tried it. We are working on building our own effects that might help for the future.
-- Andy
Poster: ssalter
Dated: Thursday September 16 2004 - 19:59:16 BST
Whoops, didn't send up the version of the menu without the ie effects. I chopped those out of menu_data2.js and the flickering looks worse, if that makes any sense. That was the first thing I tried when I Was trying to fix this...don't need the ie effects.
I changed the test bed at saltcom.net to include the right menu file that does not have the effects.
Andy wrote:
Hmmm, Looks like the problem might be related to the IE's transitions and effects,
Have you tried removing the outfilter and overfilter and see if it helps?
Let me know what you find after you've tried it. We are working on building our own effects that might help for the future.
-- Andy
Have you tried removing the outfilter and overfilter and see if it helps?
Let me know what you find after you've tried it. We are working on building our own effects that might help for the future.
-- Andy
Flickering pb with pdf in iframe, Any news ?
Poster: guim7
Dated: Thursday September 29 2005 - 16:49:10 BST
I cope with exactly the same issue and can not manage to solve that...
The problem exists with adobe reader loaded in an iframe and a menu over it.
With any other content, it works seamlessly !!
Please help me, i am despered !
thanks in advance for your help.
Guim7
Flickering and PDF
Poster: Migru
Dated: Sunday December 11 2005 - 15:31:51 GMT
Hi
I am using IFRAME and there are some PDF Files to download too within the site I am administering. Normally there is, at the moment no need to load these PDFs into an environment together with the Milonic menu system. But, when reading these posts, I modified one of the targets (in an IFRAME) from _blank to _self, in order to load the PDF into the IFRAME. This works with IE only, not so with FF, which opens a new window whatever target is specified.
So in IE, the PDF appears in the IFRAME but - no flickering can be observed, when the submenus (one of the "navy blue" colored menus) comes across the iframe, which contains the PDF. The link is
http://www.dhyg.de/pdfs.html
and the pdf which relates to the observation above, is the last one there in the list. "(Die Geschäftsordnung (3 Seiten)"
I have to add something: The test I made was using the ACROBAT 6.0 for opening the file. When I did that with the READER 7.0, flickering could be observed as reported !!! So it might rather be a problem for ADOBE than for MILONIC or Microsoft.
Michael