Chris,
As suggested above I have a separate ids for each of my comment divs.
The code for the comments div now looks something like this:
<div class="comments" id = "Comment_box_<%=blogentry.id%>" >
<%= render :partial => blogentry.comments %>
<% form_for [blogentry, Comment.new] do |f| %>
<p>
<%= f.label :body, "New Comment" %><br />
<%= f.text_area :body %>
</p>
<p><%= f.submit "Add Comment"%></p>
<% end %>
</div>
and again the code for the link for firing the javascript on click is:
<%= link_to_remote pluralize(blogentry.comments.size, 'Comment'), :url
=> { :action => 'show_comments'} %>
Now the point where I am stuck is to pass the blogentry object to the
rjs file so that I can use it to get the id from it and use that to
toggle the view for the element. I was thinking about using something
like
page[:Comment_ box_<%=blogentry.id=>].toggle but rails gives me a
compiler error there.
Is there a way to pass the object to the rjs and use it get the ids
for each div or any other way that I can do this.
I did go through some other posting and found that I can pass the
object to link using something like:
<%= link_to_remote pluralize(blogentry.comments.size, 'Comment'), :url
=> { :action => 'show_comments'}, :entry => blogentry %>
and use the entry object but it still doesn't work.
Thanks,
Vishy
On Feb 16, 12:32 pm, Chris Warren <[email protected]> wrote:
> You need a richer set of IDs and divs on your page so you can
> precisely identify what you want to affect. E.g.
>
> <div id="all_posts_and_comments">
> <div id="post_X_and_comments" class="post_and_comments_group">
> <div id="post_X" class="general_post">posty post post post</div>
> <div id="post_X_comments" class="comment_group">
> <div id="post_X_comment_a" class="general_comment">first comment
> on post X</div>
> <div id="post_X_comment_b" class="general_comment">second comment
> on post X</div>
> <div id="post_X_comment_c" class="general_comment">third_comment
> on post X</div>
> ....
> </div>
> </div>
> <div id="post_Y_and_comments" class="post_and_comments_group">
> <div id="post_Y" class="general_post">posty post post post</div>
> <div id="post_Y_comments" class="comment_group">
> <div id="post_Y_comment_d" class="general_comment">first comment
> on post Y</div>
> <div id="post_Y_comment_e" class="general_comment">second comment
> on post Y</div>
> <div id="post_Y_comment_f" class="general_comment">third_comment
> on post Y</div>
> ....
> </div>
> </div>
> </div>
>
> where X, a, b, c, Y, d, e, f, and so on are numbers (probably best as
> the ID of the corresponding DB records). Associate your formatting CSS
> with the classes, and use the IDs to control / affect individual
> elements.
>
> -Chris W
>
> On Mon, Feb 16, 2009 at 12:28 AM, vishy <[email protected]> wrote:
>
> > I am currently working on a blog site in which each blog entry will
> > have its own comments. The comments can be seen by clicking a comments
> > link present at the end of each blog entry. I am using RJS to toggle
> > the view of the comments.
>
> > #code for the comment link and the comments form
> > <div id="blog_comments"><%= link_to_remote pluralize
> > (blogentry.comments.size, 'Comment'), :url => { :action =>
> > 'show_comments'}%></div>
> > <div id="comments">
> > #code for comments form
> > </div>
>
> > #show_comments.js.rjs
> > page.select("#comments").each do |element}
> > element.toggle
> > end
>
> > Using the above code I am able to toggle the visibility for the
> > comments of all the blog entries. However what I want to do is to
> > toggle the comments only for the blog entry for which the comments
> > link has been clicked.
>
> > Any help in this regard with be greatly appreciated.
>
> > Thanks,
> > vishy
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "Ruby
on Rails: Talk" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/rubyonrails-talk?hl=en
-~----------~----~----~----~------~----~------~--~---
