The Source for Java Technology Collaboration
User: Password:
Register | Login help    

Search

Online Books:
java.net on MarkMail:


Greg Murray

Appointed as AJAX Architect for Sun Microsystems, Greg Murray is deeply involved in the AJAX movement through his participation in the OpenAJAX Alliance and contributions to the Dojo Foundation's open-source JavaScript toolkit. Within Sun, Greg lead a grass roots effort advancing the integration of client-side scripting with Java technologies and is the creator and principal architect of Project jMaki. jMaki uses the best parts of Java and the best parts of JavaScript to deliver rich AJAX style widgets through a singe, easy-to-use interface that accesses components from popular widget libraries such as Dojo, Script.aculo.us, Yahoo's UI Library, Spry, DHTML Goodies, and Google's Web Toolkit. Greg recently contributed to the design and development of the AJAX-based Java Pet Store 2.0 Demo and helped create Java BluePrints solutions for using AJAX with Java technologies.

 

Greg Murray's blog

Ajax Waiter

Posted by gmurray71 on October 26, 2008 at 5:28 PM PDT

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.

Related Topics >> Java Enterprise      
Comments
Comments are listed in date ascending order (oldest first)

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

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".
Syndicate content