Greg Murray's Blog

Ajax Waiter

I came across a situation where I needed an Ajax style spinner but could not download any images. I extended concepts from the jMaki Revolver to make an image free spinner all in JavaScript.

  window.waiter.show({ speed: 1,
                       delay : 40,
                       targetId : 'body',
                       textColor : '#FFF',
                       background: 'green',
                       opacity : 85,
                       message : 'Please wait 2'});

Test on this page

For detailed documentation on all the properties and more examples see the Ajax Waiter.

If there are features or enhancements you would like to see let me know.

Comments

• Hi Greg.
  Great, beautiful spinner !

  I'm experimenting with its 3D look:
  see http://jorgechamorro.com/cljs/025/

  :-)

  Regards,
  Jorge.

  P.S. Search & replace your source: "ctx.maxWith" -> "ctx.maxWidth".

  Posted by: jorgechamorro on November 02, 2008 at 02:28 AM

• Very cool 3D look. I had originally thought of doing that and now you've already done the work. Great Job!

  Posted by: gmurray71 on December 11, 2008 at 06:19 AM

This work is licensed under a Creative Commons License.