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

 

Archives
RSS

 

 

 

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" />
</div>

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

$('#loader').hide() //this initially hides the div
   .ajaxStart(function(){
     $(this).show(); // show the div when the Ajax call starts
   )}
   .ajaxStop(function(){
     $(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