Question

I have a script that will display a loading text while the content of the iframe is loaded.
The first time i open the page, it will work perfectly.
But on this page i have links that will be launched inside the iframe, and the loading text is not displayed for those links 🙁

it will work the first time you load the page, but if you click on "TEST LINK" the loading text won’t be displayed 🙁

Note: the iframe is loading an EXTERNAL domain

How can i fix that ?

Thanks a lot

Answer 1

You could try putting an on-click event on the link, so everything someone clicks it, the image “Page is loading..” will be shown, and the hided by the already–there “hideProgress()” function.

Something like:

<a href="http://www.perdu.com" target="iframe" onClick="document.getElementById('loader').style.display = 'block';">TEST LINK</a><br>

Something like this: http://jsfiddle.net/SFjS2/ (remember, the second page is loaded VERY fast, so the “Page Loading” image will not be seen easily..try putting some more things there :P)