public/javascript/appcliation.js
Ajax.Responders.register({
onCreate: function() {
if (Ajax.activeRequestCount > 0)
Element.show('process_indicator');
//$('process_indicator').style.display = 'inline';
},
onComplete: function() {
if (Ajax.activeRequestCount == 0)
Element.hide('process_indicator');
}
});
You can included image in the view or layout.
<div id="process_indicator" style="display:none">
<%= image_tag 'spinner.gif',
:id => 'spinner'%>
<font>Loading</font>
</div>
Spinner: spiner.gif?