app/views/comments/create.js.erb @@ -10,6 +10,23 @@ class CommentsController < ApplicationController redirect_to post_path(resource.post), :status => :moved_permanently end end + + response_for :create do |format| + if resource_saved? + format.html do + redirect_to post_path(resource.post), :status => :moved_permanently + end + format.js + else + format.html do + render :action => "new" + end + format.js do + # if the jquery validation is working, this should never happen + render :text => "some error message" + end + end + end private app/controllers/comments_controller.rb @@ -6,10 +6,12 @@ <p><%= link_to "Edit", edit_post_path(@post) %> or <%= link_to "Delete", post_path(@post), :method => :delete %></p> +<div id="comments"> <% unless @post.comments.blank? %> <h3>Comments</h3> <%= render :partial => @post.comments %> <% end %> +</div> <h3>New comment</h3> <% form_for([@post, Comment.new], :url => post_comments_path(@post)) do |f| %> app/views/posts/show.html.erb @@ -28,15 +28,26 @@ $(document).ready(function(){ }); }); + // the ajax comments + $("#new_comment").submitWithAjax(); + }); jQuery.ajaxSetup({ 'beforeSend': function(xhr) {xhr.setRequestHeader("Accept", "text/javascript")} -}) +}); jQuery.validator.setDefaults({ errorPlacement: function(error, element) { error.insertBefore(element); } -}); \ No newline at end of file +}); + +jQuery.fn.submitWithAjax = function() { + this.submit(function() { + $.post(this.action, $(this).serialize(), null, "script"); + return false; + }) + return this; +}; \ No newline at end of file public/javascripts/application.js d64729b13502149afb775a610d64c21caabc8ad3 Patrick Detlefsen patrick.detlefsen@gmail.com http://github.com/andrew/bumble/commit/0696892c2e3df2badfdca89619d1f2841a992035 0696892c2e3df2badfdca89619d1f2841a992035 2009-01-08T04:38:17-08:00 2008-12-21T05:01:26-08:00 ajax comments. no validation yet. Signed-off-by: Andrew Nesbitt <andrewnez@gmail.com> 16c747e83c156413ee843d798d9a12c014b92f8e Andrew Nesbitt andrewnez@gmail.com