Convert button to Javascript in Ruby on Rails

Question

I have the following route:

resources :foods do
collection do
   post :f01a
 end
end

and controller:

def f01a
@user = User.find(params[:id])
@eat = Eat.find_by_user_id(@user)
@eat.toggle!(:f01)
redirect_to @user
end

and view:

<%= button_to "add f01a", send(:"f01a_foods_path", id: @user.id),  class: "btn btn-large btn-primary" %>

My goal is to call this controller action from a JavaScript onclick instead of using an HTML button.

The problem is that, currently, I can double click on the button and execute the code twice while the page is rendering. It's my understanding that JavaScript or AJAX fixes this.

Convert the button to a language? Can you please be more specific in what you require? — alex
– alex, Commented Sep 20, 2012 at 1:54
Neither Javascript nor AJAX will just "fix" that problem. You can have some JS to disable the button after it's been clicked so you can't click it again. Changing it from a button to a link or something won't make a difference. — sachleen
– sachleen, Commented Sep 20, 2012 at 2:46

Angelo Chrysoulakis · Accepted Answer · 2012-09-20 02:51:55Z

1

First decorate the button with a class name specific to it:

<%= button_to "add f01a", send(:"f01a_foods_path", id: @user.id), class: "f01a btn btn-large btn-primary" %>

Then, put the following javascript in your application.js file and call it once the DOM is ready:

$('form .f01a').submit(function() {  
    $(":submit", this).attr("disabled", "disabled");   
    $(":submit", this).addClass("disabled");
});

answered Sep 20, 2012 at 2:51

Angelo Chrysoulakis

9463 gold badges7 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

GBD · Accepted Answer · 2012-09-20 06:44:30Z

0

Angelo Chrysoulakis suggested good way to resolve your problem.

Also, if you want, then you can use masking on whole page which show some processing or waiting message to your user so that your user doesn't do any changes or click on other part of page till your process complete.

Here is good article or lib to achive this.

http://code.google.com/p/jquery-loadmask/

answered Sep 20, 2012 at 6:44

GBD

16k2 gold badges49 silver badges52 bronze badges

Collectives™ on Stack Overflow

Convert button to Javascript in Ruby on Rails

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related