Sinatra/Haml: How to execute Ruby code inside Javascript?

Question

I'm writing a Sinatra + Haml app, and in my Javascript code, I want to be execute some Ruby. In erb, the following works:

<script type="text/javascript"> 
  $(function() {
    <% @persons.each do |person| %>
        $("#<%= person.id %>").attr("style", "<%= person.style %>");
    <% end %>
  });
</script>

But how would I write this in Haml? I tried something like

:javascript
  $(function() {
    - @persons.each do |person|
      $("##{person.id}").attr("style", "#{person.style}");
  });

But the Ruby code gets rendered as code instead of getting executed.

Ian Dickinson · Accepted Answer · 2011-07-08 20:49:33Z

1

I've had the same issue. Basic string interpolation seems to work, but nothing complex. What I've adopted is:

-v = "##{person.id}").attr("style", "#{person.style}"
:javascript
  $(function() {
    - @persons.each do |person|
      $(#{v});
  });

answered Jul 8, 2011 at 20:49

Ian Dickinson

13.3k12 gold badges46 silver badges70 bronze badges

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

Comments

noli · Accepted Answer · 2011-07-11 06:45:06Z

1

:javascript
  $(function() {
    #{- @persons.each do |person|}
      $("##{person.id}").attr("style", "#{person.style}");
  });

answered Jul 11, 2011 at 6:45

noli

16k8 gold badges49 silver badges63 bronze badges

2 Comments

thoughtpunch Over a year ago

I get a "syntax error, unexpected tSTRING_DEND" when I try this. Any tricks to this?

noli Over a year ago

sorry.. can't remember exactly what my thought process was around this back then.. nowadays, I would probably just try to find a different way to accomplish whatever it was, as this approach is pretty messy and unmaintainble

Community · Accepted Answer · 2017-05-23 12:11:55Z

0

take a look a this post, maybe It could be helpfull.

Ruby methods within Javascript within HAML

edited May 23, 2017 at 12:11

CommunityBot

11 silver badge

answered Jul 8, 2011 at 20:48

JAiro

6,0393 gold badges24 silver badges21 bronze badges

Collectives™ on Stack Overflow

Sinatra/Haml: How to execute Ruby code inside Javascript?

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related