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.
Bewerkt door legarsblond op
Gekozen oplossing
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>
Dit antwoord in context lezen 👍 0Alle antwoorden (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?
Gekozen oplossing
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>
Bewerkt door legarsblond op