Animation for page loading

[alex4orly]

Some time ago I used this in WWB, but can not find it now

This little circle turning around while waiting for page load or content page to fill an iFrame

Where is it?

Cheers

[crispy68]

Are you referring to this:

http://www.wysiwygwebbuilder.com/pace.html

[alex4orly]

That's the one, I forgot what to look for.

Is there a way however, to show it only for a iFrame loading content, not for the page itself?

Thannks for the tip, again

[crispy68]

I would assume if you have access to the page in the iframe and were to add it to that page it would work. Not 100% sure though.

[alex4orly]

No, I have a page called page3.html
On that page I have a JQuery Modal dialog
On it, I have an EMPTY iFrame (WWB standard iFrame)
On a button click - I load a PDF document into that iFrame

The HTML page loads OK, it has on it many buttons and the visitor decides which of the "Faces" story they wish to see
So, , when they click on the button of that face, that is when I want the Pace to Kick in...

Any suggestion?

Thanks again

[Pablo]

The animation should be added to the page that is displayed inside the inline frame, because scripts cannot access the content of another page.

[alex4orly]

Sorry, this is NOT an option.

The click on the button loads a PDF document, not a html page into the iFrame.

Thanks

[Pablo]

In that case you cannot use an animation.

[jerryco]

This is a long shot but would it work with the extension that helps to embed pdf files?

[alex4orly]

In what way?
The animation we have is loaded onto the page and at page load, it shows up automatically, there is no option not to start it.
If there was an event option, I could trigger it on the button click.
What iFrame is used is irrelevant, in my case I am loading a pdf document into it, the iFrame had only one role, to display the pdf.

Will be glad to hear ideas
Thank you

[crispy68]

I would tell you to google loading icon in iframe. Several things came up like this:

http://www.itgeared.com/articles/1508-d ... me-jquery/