You will recieve your password to this address. Address is not made public.

Your preferred username that is used when logging in.

Overlay Spinner for External Pages? Created Jun 18, 2010

This thread is solved

Views: 1926     Replies: 3     Last reply Aug 21, 2010  
You must login first before you can use this feature

bitman

Posts: 43

Registered:
Sep 26, 2008

Overlay Spinner for External Pages?

Posted: Jun 18, 2010

The external page I'm loading into overlay can be kinda slow. Is there any way to display a spinner in the overlay DIV until the external page renders? For example:

- User clicks button
- Overlay displays immediately ... but w/ a spinner in the main content area.
- Spinner disappears when external page renders

Thanks.

kaiiserni

Posts: 1

Registered:
Jul 29, 2010

» Overlay Spinner for External Pages?

Posted: Jul 29, 2010

Reply to: Overlay Spinner for External Pages?, from bitman
Hi bitman,

you can do this by for instance putting something like this in the onBeforeLoad event:

$(".apple_overlay .contentWrap").html("<img alt="Spinner" src="/images/spinner.gif" />");

like this:

onBeforeLoad: function() {
 $(".apple_overlay .contentWrap").html("<img alt="Spinner" src="/images/spinner.gif" />");
 var wrap = this.getOverlay().find(".contentWrap");
 wrap.load(this.getTrigger().attr("href"));
 } 

bitman

Posts: 43

Registered:
Sep 26, 2008

» » Overlay Spinner for External Pages?

Posted: Jul 30, 2010

Reply to: » Overlay Spinner for External Pages?, from kaiiserni
kaiiserni,

I like this approach... I'll give it a shot.

Thanks for the insight.

graphicagenda

Posts: 5

Registered:
May 18, 2009

check your quotation marks

Posted: Aug 21, 2010

Reply to: » Overlay Spinner for External Pages?, from kaiiserni
$(".apple_overlay .contentWrap").html('<img alt="Spinner" src="/images/spinner.gif" />');