How To Implement A Very Simple Ajax Loader Using jQueryUI

Published Date Author: , Posted September 23rd, 2011 at 12:53:58pm

GET Resources

http://code.jquery.com/jquery-1.6.4.min.js
http://jqueryui.com/resources/download/jquery-ui-1.10.1.custom.zip

LOAD Resources

HTML

Substitute your own loader graphic from http://www.ajaxload.info/

CSS

JS

Show the spinner called “first”:
jQuery('#Spinner-first').fadeIn();

Hide the spinner called “first”:
jQuery('#Spinner-first').fadeOut();

Hide all spinners that start with an ID of “Spinner”:
jQuery('[id^=Spinner]').fadeOut();

That’s All Folks…

Comments reader  One Reader Comment

HeidiMoon - Gravatar

nightship.net HeidiMoon said on September 23, 2011, 2:23 pm:

Could it be any more straightforward?

Leave Your Comment  Leave a comment

All fields marked with "*" are required.