Classes (1)  /  ColdFusion (14)  /  ColdFusion Jobs (2)  /  General (7)  /  JQuery (7)  /  Quick and Dirty (3)  / 
Search Blog






Adobe Community Expert in ColdFusion


Adobe Ceritfied Instructor


CTT+ Certified Technical Trainer


Hosted By:

Alurium Hosting

Powered by BlogCFM v1.14

01 February 2010
JQuery Nuts and Bolts
a quick entry, the loader graphic
The infamous spinner as done by JQuery:

Create a div that contains the image that you want to use as a "loader" image.

<div id="loader">
  <img alt="" src="path/to_graphic" />

It just takes a small piece of Javascript (JQuery) to make the magic happen

$('#loader').hide() //this initially hides the div
     $(this).show(); // show the div when the Ajax call starts
     $(this).hide(); //hide the div when the Ajax call stops
Place the loader div within the div that's receiving the results of the ajax call, and JQuery code with the rest of your JQuery code and you have a quick and dirty loader
Posted by admin at 12:00 AM | Link | 0 comments

No comments found.

Post a comment (login required)


© 2011 Scott Stewart / SSTWebworks
Design by Contented Designs