Rails 3: Instance variable inaccessible in .js.erb file -

-

i'm trying build simple page, need generate dynamic javascript photo gallery. intuitively simple, i'm struggling greatly. in controller building list of photo @photos, need iterate out javascript each photo in photo.js.erb file.

however, whenever reach .js.erb file, @photos variable becomes nil... missing?

controllers/photos_controller.rb file:

class photoscontroller < applicationcontroller   layout "application_photos"   def category     @photos = ...(generates collection of photos)...   end end

views/photos/category.html.haml file:

= content_for :head   // @photos still initialized @ point   = javascript_include_tag "photos"  // partial loads more markup, it's inconsequential. = render :partial => 'default_slideshow'

javascripts/photos.js.erb file:

jquery(function($){     // throws nilclass error     <% puts 'photos: ' + @photos %> });

i know question has been asked dozen times, none of accepted answers worked me. suggestions appreciated.

you need send js request server in order have access instance variable. this

$(function($){   $.ajax({     type: "get",     url: "..."     })    });

in views/photos/category.js.erb file:

alert("<%= j @photos %>")

or can same using gon gem.

app/views/layouts/application.html.erb

<head>  <title>some title</title>  <%= include_gon %>  <!-- include action js code -->  ...

you put in action of controller:

@your_int = 123 @your_array = [1,2] @your_hash = {'a' => 1, 'b' => 2} gon.your_int = @your_int gon.your_other_int = 345 + gon.your_int gon.your_array = @your_array gon.your_array << gon.your_int gon.your_hash = @your_hash  gon.all_variables # > {:your_int => 123, :your_other_int => 468, :your_array => [1, 2, 123], :your_hash => {'a' => 1, 'b' => 2}} gon.your_array # > [1, 2, 123]  gon.clear # gon.all_variables {}

access varaibles javascript file:

alert(gon.your_int) alert(gon.your_other_int) alert(gon.your_array) alert(gon.your_hash)

hope helps


Comments

Post a Comment

Popular posts from this blog

ruby - Trying to change last to "x"s to 23 -

-
i have been playing around irb , have string looks this: irb(main):072:0> puts ["[\"4354 5432 5432 xxxxx\", \"6547 6547 8543 xxxxx\", \"2344 6543 6674 xxxxx\", \"2346 6236 7543 xxxxx\", \"1273 5585 5587 xxxxx\"]"] => nil irb(main):073:0> what want gsub last 2 "x" s of each 17 digit combination, 23 . what i've tried far (i've been using rubular): a.gsub(/\d[x]/,"23") <= grabs "x" s i'm close a.gsub(/\w[x{2}]/,"23") <= grabs "x" s grabs two digits each combination. is there easier way i'm not understanding? a.gsub(/\d{4} \d{4} \d{4} xxx\kxx/, '23') \d{4} = 4 digits what \k drop matched far. can use don't replace entire number, still able validate have in desired format.
Read more

jquery - Clone last and append item to closest class -

-
this bare-bones code on page: <div class="list-container"> <div class="single-list-item"> <button>remove</button> </div> <div class="single-list-item"> <button>remove</button> </div> <div class="single-list-item"> <button>remove</button> </div> </div> <p><button class="add-list-item">add</button></p> <div class="list-container"> <div class="single-list-item"> <button>remove</button> </div> <div class="single-list-item"> <button>remove</button> </div> <div class="single-list-item"> <button>remove</button> </div> </div> <p><button class="add-list-item">add</button></p> <di...
Read more

css - Can I use the :after pseudo-element on an input field? -

-
i trying use :after css pseudo-element on input field, not work. if use span , works ok. <style type="text/css"> .mystyle:after {content:url(smiley.gif);} .mystyle {color:red;} </style> this works (puts smiley after "buu!" , before "some more") <span class="mystyle">buuu!</span>a more this not work - colors somevalue in red, there no smiley. <input class="mystyle" type="text" value="somevalue"> what doing wrong? should use pseudo-selector? note: cannot add span around input , because being generated third-party control. :after , :before not supported in internet explorer 7 , under, on elements. it's not meant used on replaced elements such form elements (inputs) , image elements . in other words it's impossible pure css. however if using jquery can use $(".mystyle").after("add smiley here"); api docs on .after to ...
Read more