How to include js.erb file in view folder

Question

I have a JavaScript file to use with a view. There needs to be Ruby code in it, and I need to do render in Ruby, so I understand that I can't put the JavaScript file in the asset pipeline. I can put it in the same view folder as the .html.erb file.

How do I include the JavaScript file, or use that JavaScript file for that view file? I tried javascript_include_tag in my view (that uses the asset pipeline apparently), using script src="myfile.js" for the myfile.js.erb file (but it can't find myfile.js), and names my js.erb file (users.js.erb) the same as my .html.erb file (users.html.erb), but all to no avail.

where is your js file and what is your javascript_include_tag looked like? — Bigxiang
– Bigxiang, Commented Aug 26, 2013 at 5:40
If you want to access the js files outside of the asset pipeline, you have to put in public folder — Santhosh
– Santhosh, Commented Aug 26, 2013 at 5:40
As an alternative, you can use obtrusive Javascript in layout or page erb file: include <script> tags and use ruby embedded code, but the way you want to include and use .js files is not the rails way. The rails way would be to pass any data between your js side and server's side by data- parameters of html elements. SS=uch approach will result in more cleaner and DRYer code — Roaring Stones
– Roaring Stones, Commented Aug 26, 2013 at 5:45

Jan Klimo · Accepted Answer · 2017-10-02 06:33:09Z

7

javascript_include_tag won't work js.erb declared in the view folder itself. There are three different ways you can have the javascript.

1] Write the code in the view, i.e., in the html.erb itself.

2] Create js file in public/javascripts folder and include it using javascript_include_tag.

3] In case you want to make the request as Ajax:

Create the js.erb in the view folder itself with the same name as that of the action.
In the view where some form is created which will be calling this action, make the request using :remote => true.

In the called action, use code as follows:

def action
  respond_to do |format|
    format.js
  end
end

edited Oct 2, 2017 at 6:33

Jan Klimo

4,9702 gold badges39 silver badges45 bronze badges

answered Aug 26, 2013 at 6:11

sumitshining

1591 silver badge10 bronze badges

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

1 Comment

Giovanni Di Toro Over a year ago

I'd really appreciate if you put some examples under each step with file names, i.e.: views/model_name/action.js.erb: [code example].

maximus ツ · Accepted Answer · 2013-08-26 06:00:14Z

2

you can do this by

render :partial => "myfile"

you have to keep your file in controller's view directory with name _myfile.js.erb

Now you can write your own code (js,ruby) here and probably can separate out js with javascript_include_tag to avail asset pipline

This file will be first rendered by erb engine and then as javascript.

answered Aug 26, 2013 at 6:00

maximus ツ

8,1163 gold badges30 silver badges56 bronze badges

1 Comment

Giovanni Di Toro Over a year ago

What do you mean by "separate out js with javascript_include_tag to avail asset pipline" ?

Collectives™ on Stack Overflow

How to include js.erb file in view folder

2 Answers 2

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related