Using Rails, how do I execute a javascript file on a specific page in the application?

Question

I am attempting to load a javascript file onto my rails application, but only for a specific page in my application, not the homepage. How would I get my javascript file to load for a specific page is using rails.

The javascript I have now, located in programs.js in assets/javascript, looks like this:

document.addEventListener('DOMContentLoaded', (event) => {
 let program = document.getElementsByClassName('program-name')
 console.log(program)
 })

Again, the code itself works fine. The problem is that it executes for the homepage, and not for any particular page that I want it to. How would I go about getting the code to execute for a specific page within my rails application?

BryanH · Accepted Answer · 2017-01-16 15:29:54Z

3

Why wouldn't you add the javascript tag to the View you want it to run on?

If you wanted a bit better rendering speed, you could add a end-of-page yield to your layout and then specify your javascript in the View like this:

layout/application.html.erb

<!DOCTYPE html>
...
  <%= yield(:scripts) %>
</body>
</html>

view/.../index.html.erb

<!-- regular view code here -->
...

<% content_for :scripts %>
  <%= javascript_tag do %>
    document.addEventListener('DOMContentLoaded', (event) => {
      let program = document.getElementsByClassName('program-name')
      console.log(program)
    });
  <% end %>
<% end %>

edited Jan 16, 2017 at 15:29

answered Jan 16, 2017 at 15:22

BryanH

6,1133 gold badges36 silver badges47 bronze badges

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

2 Comments

Jonathan Reiser Over a year ago

Hadn't thought of that! let me try

BryanH Over a year ago

@JonathanReiser My pleasure! Please accept the answer to close the question.

Jaeger · Accepted Answer · 2017-01-16 16:05:07Z

1

An other way is to do the following:

app/views/layouts/application.html.erb

<body class="<%= controller_name %> <%= action_name %>">
<!-- This will add your page's controller and action as classes, for example, "blog show" -->

Then, in your script file, you can do the following:

if($('body').is('.yourcontroller.youraction'){
  // Do something
}

answered Jan 16, 2017 at 16:05

Jaeger

1,7643 gold badges30 silver badges53 bronze badges

Collectives™ on Stack Overflow

Using Rails, how do I execute a javascript file on a specific page in the application?

2 Answers 2

layout/application.html.erb

view/.../index.html.erb

2 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

layout/application.html.erb

view/.../index.html.erb

2 Comments

Comments

Related