Comments on: Preventing double Ajax requests in 3 lines of code

By: Jeff Singer

Jeff Singer — Tue, 16 Mar 2010 23:29:00 +0000

Hi tee

Did you get the ajax-loader.gif to work? I have tried everything I could think of, but with no success? I can show the image, but it does not animate.

It seems like there is a incompatibility between the display:none and the animated gif.

If I make the display: “” then the panel shows, the gif animates correctly.

Any help would be greatly appreciated….

Jeff

By: tee

tee — Thu, 26 Feb 2009 13:38:45 +0000

yess! that’s perfect! realy cool
another hint: use css-classes! but in this case, it looks like the “display:none;”-setting MUST be a part of the style-Attribute.

for a transparent-grey veil-layer you can use the transparent2.png from the ModalWindow-Component
background: url(‘../img/transparent2.png’) top left;

to get a loading-animation inside the veil-layer you can put another div inside the veil-div whith the style
background: url(‘../img/ajax-loader.gif’) center no-repeat;

to get the ajax-loader.gif just try: http://www.ajaxload.info/

IAjaxIndicatorAware ROCKS!

By: Cemal

Cemal — Fri, 05 Dec 2008 18:19:09 +0000

Martijn,

This seems to works well in the newer browsers.
Can’t beat a smart but simple solution!
If you don’t want to scare your user(s) too much, adding
opacity:0.5;filter:alpha(opacity=50);
doesn’t seem to break it.

Regards – Cemal

By: Bruno Borges

Bruno Borges — Fri, 05 Dec 2008 16:22:17 +0000

Forget about IE6. It must die anyway!! :-D

Good example, btw.