automatically load a javascript function after loading page

Question

I'm new to Rails and didn't really understand the asset pipeline by now…

I want to let a

views/product/product.js

automatically fire after the

views/product/index.html.erb

was rendered for DRY reasons.

Is there a place in the asset pipeline that calls a model.js file after loading any or a partial model.erb file?

I know how to do it manually, and dropped a

app/assets/javascripts/product.js

but then i have to call a doSomethingAfterPageload() Method in new, show. delete etc. Even better, if this works for partials as well.

Community · Accepted Answer · 2017-05-23 12:32:49Z

4

The asset pipeline under a vanilla configuration is just (simplified explanation) going to take all of js files referenced in the manifest (application.js) and create single, minified, obfuscated file for production. In development, if you include the manifest in your page (should be the layout), you'll end up with js script include tags for each asset that the manifest contains.

A common pattern is to put at yield :javascript block in your layout and then in the individual view, call the javascript function inside of a content_for :javascript do block.

Best way to add page specific javascript in a Rails 3 app?

A fancier approach would be to conditionally execute js based on the controller and action. Here's how that works: http://viget.com/inspire/extending-paul-irishs-comprehensive-dom-ready-execution

edited May 23, 2017 at 12:32

CommunityBot

11 silver badge

answered Feb 20, 2014 at 16:39

steakchaser

5,2491 gold badge28 silver badges35 bronze badges

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

Comments

nickcen · Accepted Answer · 2014-02-20 16:32:09Z

0

IMO, if this js method should be called in each view of the product model, you can defined a layout for product, and called the method inside the layout file.

answered Feb 20, 2014 at 16:32

nickcen

1,69210 silver badges10 bronze badges

Comments

cmd · Accepted Answer · 2014-02-20 16:59:30Z

0

Taken from here: Asset Pipeline - Rails guides

If you add app/assets/javascripts/<controller>.js it will be available for that particular controller.

So if you add to app/assets/javascripts/product.js:

$(document).ready ->
  alert "page has loaded!"

It will be executed in every view of that controller, like index or edit.

Hope this helps :)

edited Feb 20, 2014 at 16:59

cmd

11.9k8 gold badges53 silver badges63 bronze badges

answered Feb 20, 2014 at 16:40

raviolicode

2,18522 silver badges22 bronze badges

1 Comment

user3320429 Over a year ago

Thanks! I tried this before, but it will also executed in all other controller views…

Collectives™ on Stack Overflow

automatically load a javascript function after loading page

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related