Question

18

JavaScript file per view in Rails

rated 0 times [ 22] [ 4] / answers: 1 / hits: 50113 / 16 Years ago, mon, march 2, 2009, 12:00:00

As per 'unobtrusive JavaScript' recommendations I want to separate my JavaScript logic into

separate files. However I don't know how to organize them.

Should I:

Just throw all application javascript into Application.js file and load it with layout page? This is simple approach but I will end up with a bloated Application.js. Some users might want to visit only a couple of pages, but this entire file would preloaded which is not good.

Or should I create a separate javaScript file for each view and load them independently? This creates a set of questions. How to link each js file to corresponding view?

Thanks.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

jazminkyrap

Add To Favorites

Follow

Total Points: 631

Total Questions: 89

Total Answers: 109

Location: Finland

Member since Fri, Oct 21, 2022

2 Years ago

jazminkyrap questions

1 How to fix error: Fontconfig error: Cannot load default config file

Sat, Apr 17, 21, 00:00, 3 Years ago

1 How to return an attribute of clicked element in react?

Sun, Jul 5, 20, 00:00, 4 Years ago

1 why do I got Uncaught TypeError: response.text is not a function error when try to assignt body received as text to a variable in javascript

Sat, May 16, 20, 00:00, 4 Years ago

1 Error This line has a length of 182. Maximum allowed is 100 max-len

Thu, Apr 16, 20, 00:00, 4 Years ago

1 Selecting an html node's text content with htmlparser2 in Node.js

Mon, May 27, 19, 00:00, 5 Years ago

View All

answered 16 Years ago eliasf · Accepted Answer

Load the main JavaScript in application.js every time. Now create files for different needs. Create a form.js file, a myfancypart.js file etc. Don't load them in the application.html.erb layout. Load them dynamically when you need them:

application.html.erb:

<%= javascript_include_tag application %>

<%= yield :javascript_includes %>

top of your view.html.erb:

<% content_for :javascript_includes do %>

  <%= javascript_include_tag forms.js %>

<% end %>

Everything in the content_for block will be loaded at yield :javascript_includes.