Sharing a partial between html and javascript

Question

I have a _slide.html.erb partial that is used in the page rendered by my SlidesController's index action. There are controls on this page that allow slides to be added via ajax. This means I need to add new slides to the view from my ajax response handlers.

How can I use my _slide.html.erb partial from this javascript handler to avoid duplication. I don't want to have a second version of the partial that is stored in and used by javascript.

arieljuod · Accepted Answer · 2012-07-03 19:30:05Z

1

you can render your partial inside your action.js.erb template:

$('#someelement').html('<%= escape_javascript(render :partial => "slide.html.erb", :locals => {:name => value}) %>');

answered Jul 3, 2012 at 19:30

arieljuod

15.9k2 gold badges27 silver badges37 bronze badges

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

6 Comments

Undistraction Over a year ago

I get: undefined method `render' for #<#<Class:0x007f956b426cd0>:0x007f956a676360>

arieljuod Over a year ago

can you post the code? render should be available on views and controllers

Undistraction Over a year ago

I think the problem is that I'm using it in a js function that runs in response to a ui change rather than in a file rendered from a controller action. I am trying to append a partial to a list that is already in existance. Here is the code anyway:var slideDeck = $('#slide-deck'); slideDeck.append('<%= escape_javascript(render :partial => "slide") %>');

arieljuod Over a year ago

I don't understand, you do the request to some url that goes to some controller and renders some action in js format, how do you access that js file if it's not that? please put all the relevant code, I can't guess what you are doing

Undistraction Over a year ago

As I mention in my question, the page is rendered from an erb.html template. The javascript is loaded and on $(document).ready binds to various html elements. One of these elements is a button and clicking it triggers a $.ajax request to the controller. When this request fires the ajax success handler I need to add a slide to the page.

|

Collectives™ on Stack Overflow

Sharing a partial between html and javascript

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related