Question

I am confusing, where i must put ajax callbacks in rails 3.1, that triggers event beforSend that shows string to user “Wait, please” and hide this string when occur succes.

= javascript_tag "$('#form_remote').bind('ajax:beforSend', function() {$("#mess").show();});"
%div{:id => 'mess', :style=>"display:none;"} Wait,please
= form_tag filling_schedule_of_workings_path, :remote => true, :html=>{:id => 'form_remote'} do
  %p{:style=>"margin:0;width:100%"}
    = label_tag 'C '
    = text_field_tag 'date_begin',nil,:size => 10
    = label_tag 'по'
    = text_field_tag 'date_end',nil,:size => 10
  %br
  %p{:style=>"margin:0;width:100%"}
    = label_tag 'Schedule class'
    = select_tag 'classifier_schedule',@classifier_schedule,:style=>"width:200px;"
  %p{:style=>"margin:0;width:100%"}
    = label_tag 'Schedule number'
    = select_tag 'schedule_number',@schedule_number,:style=>"width:200px;"
  %div{:style=>"height:25px;border-top:1px solid #CCC;margin:5px 0;"}
    = submit_tag "Doing", :style => "float:right;"

Is this normal?

Help please!!

Answer 1

I don’t think this needs to be in your HAML code, the way I typically solve this is to register those events inside the main application JS file. For example, you could do something like this if you wanted a please wait action to appear whenever an AJAX event started:

    /* Display a scrim to prevent mouse clicks when an ajax event is occurring. */
$.ajaxPrefilter(function(options, originalOptions, jqXHR) {
    if (!$('#progressIndicator').is(":visible")) {
        $('#progressIndicator').show();
    }
});
$('head').ajaxStop(function() {
    $('#progressIndicator').hide();
});

$('head').ajaxComplete(function(event, request, settings) {
    $('#progressIndicator').hide();
});