Rails & Haml - Passing data to javascript

Question

I am trying to pass data from my haml views to javascript. In my welcome controller I have index method. In my index.html.haml view file I have the below:

:javascript
  window.putalert = "#{ "Data" }";

and in my welcome.js.coffee I have:

jQuery ->
        alert putalert

However, the above is not working. I am getting Uncaught ReferenceError: putalert is not defined.

Any suggestions on how to solve this?

The error message in chrome debugging is

(function() {

  jQuery(function() {
    return alert(putalert);
Uncaught ReferenceError: putalert is not defined
  });

}).call(this);

possible duplicate of Injecting variable values into javascript and HAML in RoR — Ciro Santilli OurBigBook.com
– Ciro Santilli OurBigBook.com, Commented Jun 27, 2014 at 8:26

Michael Koper · Accepted Answer · 2013-02-22 16:11:00Z

3

You can inject javascript with the :javascript haml tag. You can insert Ruby with #{}. Try something like this:

:javascript
  window.putalert = "#{ "Data" }";

You could even insert coffeescript in your views if you want (You have to use tilt for this):

:coffee
  @putalert = "#{ "Data" }"

Here a reference of the haml filters: http://haml.info/docs/yardoc/file.REFERENCE.html

edited Feb 22, 2013 at 16:11

answered Feb 22, 2013 at 16:04

Michael Koper

9,8217 gold badges48 silver badges61 bronze badges

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

1 Comment

user1139144 Over a year ago

Hi, :javascript window.putalert = "#{ "Data" }"; is not working. I am still getting the Uncaught ReferenceError: putalert is not defined error.

Austin Lin · Accepted Answer · 2013-02-22 16:16:03Z

0

One really nice way to handle data for JavaScript in general is to use the data attributes on HTML tags. Then using something like jQuery you can pull that info. It's a little cleaner than injecting it into the js.

More info: http://ejohn.org/blog/html-5-data-attributes/

answered Feb 22, 2013 at 16:16

Austin Lin

2,56417 silver badges17 bronze badges

Collectives™ on Stack Overflow

Rails & Haml - Passing data to javascript

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related