Threaded View

  1. #1
    Sencha User
    Join Date
    Oct 2011
    Groningen, Netherlands
    Vote Rating
    hermanvandermaas is an unknown quantity at this point


    Default Answered: Listen for loaded event on iframe

    Anyone knows how I can make my app listen for an event on an iframe, indicating it is fully loaded?

    I have two kinds of iframes in my Sencha Touch 2 app:
    • Embedded Vimeo movies (youtube doesn't work well with html5)
    • Google Maps
    Both iframe embeds work fine, interaction on the iframes works also. At least on Android. However when the app has launched, some iframes are still loading. In the Android browser the app reacts slowly to touch events, bad scrolling and tapping etc. right after launch. Only after a few seconds it becomes responsive. I suspect the loading of the iframes in the background is causing this. So, i'm thinking of showing a loadmask until all iframes have loaded (or don't load at all). Hence my question.

    Help would be greatly appreciated.

  2. The iframe element will actually fire a load event.

Thread Participants: 1