passing a rails variable into a js function

Question

Apologies -- I'm a newbie using Ruby on Rails. Still a little confused about how it works.

Right now, in my view, under my scroller div, I have this code:

#scroller
 -@other_images.each do |img|
  .thumbnail_wrapper
    .thumbnail_image
      =image_tag img.image.url(:thumbnail), :class => 'button' , :onClick => "replaceImg(img.id);"

@other_images is a variable that holds all the thumbnail images I want to display on the page. Clicking on one will refresh a div elsewhere with its own big image.

the corresponding js function is:

:javascript
 function replaceImg(id){
  var url = '/images/refresh/' + id;
  new Ajax.Updater('content_image', url);
 }

This works if I just write in a valid url. But passing the param "id" into the js function does not work. I'm at a loss... what am I missing?

How do I pass this rails variable -- img --- into my js? It's just stuck in that loop.

Any help would be really appreciated.

harald · Accepted Answer · 2010-11-27 10:00:24Z

6

Try this:

img.image.url(:thumbnail), :class => 'button' , :onClick => "replaceImg(#{img.id});"

The #{...} construct executes the ruby code within the curly brackets and replaces the entire construct with the result. Can be used anywhere you want to replace part of a string with some content from a ruby variable or method.

answered Nov 27, 2010 at 10:00

harald

6,1561 gold badge26 silver badges43 bronze badges

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

1 Comment

SSR Over a year ago

Thanks you answer helps me. but you can also use '<%= ... %>' this instead '#{...}'.

Nucc · Accepted Answer · 2010-11-27 10:11:50Z

0

Using

=image_tag img.image.url(:thumbnail), :class => 'button' , :onClick => "replaceImg('#{img.id}');"

can be a solution, or check the generated sourc code

answered Nov 27, 2010 at 10:11

Nucc

1,0318 silver badges21 bronze badges

2 Comments

mtay Over a year ago

thank you! but the key was to do it without the '' single quotes.

Nucc Over a year ago

it's alright, but be sure your parameter is integer, because it can cause undefined variable error.

Collectives™ on Stack Overflow

passing a rails variable into a js function

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related