[FX.php List] Displaying Status Animated GIF

Joel Shapiro jsfmp at earthlink.net
Fri Oct 20 12:09:46 MDT 2006


This is what I've done, Jonathan.  Put the loading .gif on the submit  
page, replacing the submit button with the gif using a hidden/ 
unhidden <div>.  You can look for the thread on this list, entitled  
"Visual cue when processing a long, multi-record edit request?"  
started on 10/12/05.  I had originally wanted to have the whole page  
hide and only display the animated gif, but I found that when a <div>  
spans a taller area than can be visible on one screen, the hide  
doesn't work.  But using it to just replace the submit button works  
very well, both technically and visually for the user.

HTH,
-Joel


On Oct 20, 2006, at 10:48 AM, Alex Gates wrote:

> So how about putting the loading .gif on the current page and let it
> display as the target page is loading?
>
> -----Original Message-----
> From: fx.php_list-bounces at mail.iviking.org
> [mailto:fx.php_list-bounces at mail.iviking.org] On Behalf Of Jonathan
> Schwartz
> Sent: Friday, October 20, 2006 12:42 PM
> To: FX.php Discussion List
> Subject: RE: [FX.php List] Displaying Status Animated GIF
>
> Thanks Alex,
>
> This didn't quite work as desired.  I get the same results as
> before...the current page is displayed until the target page is
> ready....and then the animated graphic flashes for just a moment.
> This, as opposed to the having the target page loaded immediately and
> display the animated gif until the page is completely drawn.
>
> I imagine that is has something to do with the order of processing:
> FMP vs PHP vs HTML.
>
> J
>
> At 11:10 AM -0500 10/20/06, Alex Gates wrote:
>> Hi Jonathan-
>>
>> Here is a link to a javascript tutorial that may do what you are
> looking
>> for -
>> http://www.tutorialized.com/tutorial/Javascript-Wait-While-Loading- 
>> Page
> -
>> Display-Image/13151
>>
>> The grapgic they use in their example is pretty ugly - - but it works
>> with any animated .gif
>> In fact, this site will let you customize an animated gif and  
>> download
>> it... free... http://www.ajaxload.info/
>>
>> This method above will hide/unhide a div when the browser is
> loading....
>>
>> The only drawback (I'm sure it can be modified though) is that it  
>> will
>> show the animation any time the page loads... not just after you  
>> hit a
>> submit button...
>>
>> I'd be interested in hearing if anyone else is doing something like
>> this...
>>
>> Alex P. Gates
>> G&R Publishing Co.
>> 507 Industrial Street
>> Waverly, IA 50677
>> Ph: 319-352-5391 x 319
>>
>> -----Original Message-----
>> From: fx.php_list-bounces at mail.iviking.org
>> [mailto:fx.php_list-bounces at mail.iviking.org] On Behalf Of Jonathan
>> Schwartz
>> Sent: Friday, October 20, 2006 10:58 AM
>> To: FX.php Discussion List
>> Subject: [FX.php List] Displaying Status Animated GIF
>>
>> Is anyone using a "Loading" page before displaying a page that might
>> take some time to display results?   I'm seeing impatient users click
>> the submit button several times rather than waiting.  The "loading"
>> page would simply display one of those animated GIF thingees until
>> the target page was ready.
>>
>> I have tried several approaches, but the loading page doesn't
>> display...just the original starting page, along with the URL showing
>> the the target page address...until the target page finally displays
>>
>> Thanks
>>
>> Jonathan
>> --
>>
>> Jonathan Schwartz
>> FileMaker 8 Certified  Developer
>> Associate Member, FileMaker Solutions Alliance
>> Schwartz & Company
>> jonathan at eschwartz.com
>> http://www.eschwartz.com
>> http://www.exit445.com
>> 415-381-1852
>>
>> _______________________________________________
>> FX.php_List mailing list
>> FX.php_List at mail.iviking.org
>> http://www.iviking.org/mailman/listinfo/fx.php_list
>>
>>
>>
>>
>> _______________________________________________
>> FX.php_List mailing list
>> FX.php_List at mail.iviking.org
>> http://www.iviking.org/mailman/listinfo/fx.php_list
>
>
> -- 
>
> Jonathan Schwartz
> FileMaker 8 Certified  Developer
> Associate Member, FileMaker Solutions Alliance
> Schwartz & Company
> jonathan at eschwartz.com
> http://www.eschwartz.com
> http://www.exit445.com
> 415-381-1852
>
> _______________________________________________
> FX.php_List mailing list
> FX.php_List at mail.iviking.org
> http://www.iviking.org/mailman/listinfo/fx.php_list
>
>
>
>
> _______________________________________________
> FX.php_List mailing list
> FX.php_List at mail.iviking.org
> http://www.iviking.org/mailman/listinfo/fx.php_list



More information about the FX.php_List mailing list