Is it possible to pass Rails variable into JavaScript function?

Question

I have this code:

<% @hello = "hello world" %>
<td class="text"><%= link_to project.name, project,
                  :onmouseout=>"hidetooltip()",
                  :onmouseover=>"showDescription()"%>
</td>

The showDescription JavaScript function takes a string parameter. I want to pass @hello as a parameter to showDescription. I tried everything and can't seem to get it to work.

apneadiving · Accepted Answer · 2011-11-04 09:41:26Z

2

Here you go:

<% @hello = "hello world" %>
<%= link_to project.name, project, :onmouseout=>"hidetooltip()",
                                   :onmouseover=>"showDescription(#{ @hello.to_json })"%>

edited Nov 4, 2011 at 9:41

answered Nov 4, 2011 at 8:26

apneadiving

116k26 gold badges225 silver badges215 bronze badges

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

6 Comments

tokland Over a year ago

this works? a comma or a to_json seems to be missing. (btw, why the non-idiomatic spaces in { }?)

apneadiving Over a year ago

@tokland: it's just text, so no need to use to_json

tokland Over a year ago

To be clear, in my comment above I meant of course a quote ('), not a comma. I still don't see how showDescription(hello world) may be valid JS.

tokland Over a year ago

I have some experience with this, I've fallen myself in this same bug on uncountable occasions :-) I have no strong opinion against '#{var}', but my advice is var.to_json (even with integers), so you don't have to think for a second about the types. Let to_json make the Ruby value->JS code conversion. Also, imagine @hello has a quote inside, boom.

apneadiving Over a year ago

@tokland: you're definitely right, it's the best way to proceed

|

MQuy · Accepted Answer · 2013-09-16 07:20:07Z

0

another way to do that is using gem client variable. It helps you to do it easily

answered Sep 16, 2013 at 7:20

MQuy

651 silver badge7 bronze badges

Collectives™ on Stack Overflow

Is it possible to pass Rails variable into JavaScript function?

2 Answers 2

6 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related