Problem with spinner image on form_remote_tag

rubyonrails-talk
1

Problem:

View Code:-->

<% form_remote_tag :url => get_reports_backend_billing_billing_reports_path,:update => "reports", :complete => "Element.hide('../images/spinner.gif')", :loading => "Element.show('../images/spinner.gif')" do %>     <label>         Select Status:     </label>     <%= select_tag "status",options_for_select(Report::STATUS.collect.insert(0,'')) %>     <%= submit_tag 'Get Reports' %>     <% end %>

Controller code:- def reports reports = Report.find_reports(params[:status])     @reports = reports.first     if request.post?       render :update do |page|         page.replace_html "reports_table",:partial => 'reports'     end    end end

Here form is working fine when i am selecting status .. but when i click on submit spinner image is not coming ...

Suppose if i am using :disable_with in the submit_tag it is giving RJS error.

Why? Could any help me!!!!!!

Thanks in advance

2

what version of rails are you using?

3

Lorenzo Brito Morales wrote in post #983527:

what version of rails are you using?

2.3.5

4

Problem:

View Code:-->

<% form_remote_tag :url => get_reports_backend_billing_billing_reports_path,:update => "reports", :complete => "Element.hide('../images/spinner.gif')", :loading => "Element.show('../images/spinner.gif')" do %> <label> Select Status: </label> <%= select_tag "status",options_for_select(Report::STATUS.collect.insert(0,'')) %> <%= submit_tag 'Get Reports' %> <% end %>

Controller code:- def reports reports = Report.find_reports(params[:status]) @reports = reports.first if request.post? render :update do |page| page.replace_html "reports_table",:partial => 'reports' end end end

Here form is working fine when i am selecting status .. but when i click on submit spinner image is not coming ...

Install Firebug in Firefox and see whether it throws up any errors when you click the button.

Colin

5

Colin Law wrote in post #983543:

</label>   render :update do |page|    page.replace_html "reports_table",:partial => 'reports' end end end

Here form is working fine when i am selecting status .. but when i click on submit spinner image is not coming ...

Install Firebug in Firefox and see whether it throws up any errors when you click the button.

Colin

Presently firebug is installed in my system. i have already tested it. it is not throwing any error. But when i am using :disable_with in submit_button it is throwing RJS Error on web page .. Like below format

try { Element.update("reports_table", "<table class=\"list\">\n <n RE_PAID\\n </td>\\n <td>\\n NONE\\n </td>\\n <td>\\n NONE\\n </td>\\n <td>\\n \\n </td>\\n <td>\\n 20\\n </td>\\n </tr>\\n \\n <tr id =\\\"row_3\\\" class=\\\"list_item odd\\\" onclick=\\\"highlightLine(row_3)\\\">\\n <td>\\n <td>\\n </td>\\n </tr>\\n \\n \\n </tbody>\\n</table>\\n\");'); throw e }

6

Problem:

View Code:–>

<% form_remote_tag :url =>

get_reports_backend_billing_billing_reports_path,:update => “reports”,

:complete => “Element.hide(‘…/images/spinner.gif’)”, :loading =>

“Element.show(‘…/images/spinner.gif’)” do %>

<label>

    Select Status:

</label>

<%= select_tag

“status”,options_for_select(Report::STATUS.collect.insert(0,‘’)) %>

<%= submit_tag 'Get Reports' %>

<% end %>

There’s something wrong with your :loading and :complete arguments. I think Element.hide and Element.show

expects an element id. change it to

:complete => ‘$(“spinner”).hide();’

:loading => ‘$(“spinner”).show()’

then add this where you like the image to show

image_tag ‘/images/spinner.gif’, :id => ‘spinner’

7

Jim ruther Nill wrote in post #983573:

   </label>    <%= select_tag "status",options_for_select(Report::STATUS.collect.insert(0,'')) %>    <%= submit_tag 'Get Reports' %>    <% end %>

There's something wrong with your :loading and :complete arguments. I think Element.hide and Element.show expects an element id. change it to

:complete => '$("spinner").hide();' :loading => '$("spinner").show()'

then add this where you like the image to show

image_tag '/images/spinner.gif', :id => 'spinner'

Thanks in advance For more options, visit this group at http://groups.google.com/group/rubyonrails-talk?hl=en.

--

Hi Jim ruther Nill

Thank You For Suggestion

It is working fine with little bit modification

I have place this information in form_remote_tag as

<% form_remote_tag(:url => { :action=>"get_reports" } ,:before => "$('spinner').show();", :complete => '$("spinner").hide();') do %>

Here i placed my code.....

<% end %>

So Here i am using these :before => '$("spinner").show();',

:complete => '$("spinner").hide();')

i have defined a div called below

<div id="spinner"> <%= image_tag "../images/spinner.gif" %> </div>

Now it is working fine ..............

But if suppose i am using :loading instead of :before it is not showing spinning image....

Why? What is the reason? Ant one Have Any Idea?