Rails Rendering Javascript Files in the the View and Including Ruby Variables

Question

I'd like to include this Coffee script code in the header of my application.html.haml but I don't know where to put it or how to include ruby objects.

Question 1. How do I render and Javascript .js or Coffeescript .coffee that lives in another file? (where do I put the file, in the assets? in the shared folder?)

Question 2. How do you mixing variables that are in ruby (globals ENV['APP_ID'] for example) see code below:

    window.fbAsyncInit = ->
  FB.init
    appId: "#{ENV['APP_ID']}"
    status: true
    cookie: true
    oauth: true
    xfbml: true

((d) ->
  js = undefined
  id = "facebook-jssdk"
  return  if d.getElementById(id)
  js = d.createElement("script")
  js.id = id
  js.async = true
  js.src = "//connect.facebook.net/en_US/all.js"
  d.getElementsByTagName("head")[0].appendChild js
) document
$ ->
  $("a").click (e) ->
    e.preventDefault()
    FB.login ((response) ->
      $.get "/auth/facebook/callback"  if response.authResponse
    ),
      scope: "#{SCOPE}"

Chris Aitchison · Accepted Answer · 2013-03-12 07:09:40Z

2

Q1. I wouldn't recommend rendering partials of inline javascript within other javascript, but if you are rendering templates then you should to keep them in app/assets/templates

Q2. If you are using the Rails Asset Pipeline, you can add additional extensions to put the file through additional parsers. So add an ERB extension to render ruby variables in JS. eg.

#my_file.js.coffee.erb
window.fbAsyncInit = ->
  FB.init
    appId: "<%= ENV['APP_ID'] %>"
    status: true
...

answered Mar 12, 2013 at 7:09

Chris Aitchison

4,6641 gold badge29 silver badges43 bronze badges

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

Collectives™ on Stack Overflow

Rails Rendering Javascript Files in the the View and Including Ruby Variables

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related