iFrame not loading in css tab (in FF browser only)
On a website page, I have 3 css tabs (with < ul > and < li > tags). In the first 2 tabs, I have an iFrame. In the first tab (active on page load), the iFrame loads fine. In the second tabs it doesn't.
It's only on Firefox. In IE or Chrome, it works fine.
I noticed that when I click on the second tab really quickly on page load, the iFrame loads.
I tried everything! Please help
http://www.mrcdecoaticook.qc.ca/municipalites/cartes.php
The iFrame are at line 187 of the source code.
Modified by legarsblond
Chosen solution
I figured it out using "onlick" on my tab to reload iframe when selected:
< li onclick="var ifr=document.getElementsByName('f2')[0]; ifr.src=ifr.src;">GALERIE DE CARTES< /li>
Read this answer in context 👍 0All Replies (3)
I see this as well. Maybe it is caused by this iframe being hidden, but I don't know why this frame isn't loaded when you switch to that frame.
Is there content loaded via XHR?
Note that you can use "This Frame > Reload Frame" in the right-click context menu to get the content.
cor-el said
I see this as well. Maybe it is caused by this iframe being hidden, but I don't know why this frame isn't loaded when you switch to that frame. Is there content loaded via XHR? Note that you can use "This Frame > Reload Frame" in the right-click context menu to get the content.
No it's not XHR. I think it is really because the iFrame is hidden, because when I click within a second or two on the second tab when the page loads, the iFrame load, and it's the iFrame in the first tab that doesn't load.
Is there a way to force the loading of a hidden iFrame?
Chosen Solution
I figured it out using "onlick" on my tab to reload iframe when selected:
< li onclick="var ifr=document.getElementsByName('f2')[0]; ifr.src=ifr.src;">GALERIE DE CARTES< /li>
Modified by legarsblond