Comments on: Ajax CSS Star Rating with acts_as_rateable http://blog.aisleten.com/2007/05/03/ajax-css-star-rating-with-acts_as_rateable/ Late nights eventually pay off Thu, 11 Mar 2010 20:05:18 +0000 http://wordpress.org/?v=abc hourly 1 By: Ayo philip http://blog.aisleten.com/2007/05/03/ajax-css-star-rating-with-acts_as_rateable/#comment-2991 Ayo philip Tue, 01 Dec 2009 07:27:33 +0000 http://blog.aisleten.com/2007/05/03/ajax-css-star-rating-with-acts_as_rateable/#comment-2991 How, did you achieve the "special effect" with your tags [right under your search form] ? Thanks. How, did you achieve the “special effect” with your tags [right under your search form] ?
Thanks.

]]> By: Sara http://blog.aisleten.com/2007/05/03/ajax-css-star-rating-with-acts_as_rateable/#comment-2939 Sara Wed, 12 Aug 2009 17:36:29 +0000 http://blog.aisleten.com/2007/05/03/ajax-css-star-rating-with-acts_as_rateable/#comment-2939 I'm not sure if it's just me, but some of the code for the partial seems to be missing in the tutorial. I’m not sure if it’s just me, but some of the code for the partial seems to be missing in the tutorial.

]]> By: Chris Wise http://blog.aisleten.com/2007/05/03/ajax-css-star-rating-with-acts_as_rateable/#comment-2566 Chris Wise Wed, 07 Jan 2009 02:44:59 +0000 http://blog.aisleten.com/2007/05/03/ajax-css-star-rating-with-acts_as_rateable/#comment-2566 No need to take a look at it... I figured out what the CSS issue was. It appears that the "background" shorthand in star_rating is ignored in most other browsers other than IE. I had to explicitly repeat the background-image instruction for each of the other properties (hover, current_rating) in order for it to work with the rest of the planet. Pretty weird, but very, very happy with the results now. Of course what was really odd as well was that this page works correctly as is. No need to take a look at it… I figured out what the CSS issue was. It appears that the “background” shorthand in star_rating is ignored in most other browsers other than IE. I had to explicitly repeat the background-image instruction for each of the other properties (hover, current_rating) in order for it to work with the rest of the planet. Pretty weird, but very, very happy with the results now. Of course what was really odd as well was that this page works correctly as is.

]]> By: Chris http://blog.aisleten.com/2007/05/03/ajax-css-star-rating-with-acts_as_rateable/#comment-2565 Chris Wed, 07 Jan 2009 01:21:08 +0000 http://blog.aisleten.com/2007/05/03/ajax-css-star-rating-with-acts_as_rateable/#comment-2565 Grr... sorry I meant port 3001 not port 3000 Grr… sorry I meant port 3001 not port 3000

]]> By: Chris http://blog.aisleten.com/2007/05/03/ajax-css-star-rating-with-acts_as_rateable/#comment-2564 Chris Tue, 06 Jan 2009 19:04:12 +0000 http://blog.aisleten.com/2007/05/03/ajax-css-star-rating-with-acts_as_rateable/#comment-2564 Ryan, Great tutorial - I had read the others, but I really like what you were able to do to make things a little more dynamic. I'm pretty sure I have a good understanding of how this is all supposed to work. I've got it implemented on our dev site (www.profoundponderings.com:3000) and the problem I am having is that it works fine on IE under Windows, but doesn't display the images on any other browser (FF, Opera on Windows, Safari, FF on Mac). The mystifying part to me though is that I am looking right at your example here on this page and I can definitely see the images and can operate the rating etc. I went and compared your CSS with the one you display in the article and have found them to be pretty much identical (some meaningless parameters reordered). Maybe I missing something obvious, but I thought you might be able to tell quickly from a peek at it (I know this is asking a lot, but I am pretty stumped after a number of hours). The only difference is that I added a border around the UL just to be sure it was on the page somewhere. Ryan,

Great tutorial – I had read the others, but I really like what you were able to do to make things a little more dynamic. I’m pretty sure I have a good understanding of how this is all supposed to work.

I’ve got it implemented on our dev site (www.profoundponderings.com:3000) and the problem I am having is that it works fine on IE under Windows, but doesn’t display the images on any other browser (FF, Opera on Windows, Safari, FF on Mac). The mystifying part to me though is that I am looking right at your example here on this page and I can definitely see the images and can operate the rating etc.

I went and compared your CSS with the one you display in the article and have found them to be pretty much identical (some meaningless parameters reordered). Maybe I missing something obvious, but I thought you might be able to tell quickly from a peek at it (I know this is asking a lot, but I am pretty stumped after a number of hours). The only difference is that I added a border around the UL just to be sure it was on the page somewhere.

]]> By: Rich http://blog.aisleten.com/2007/05/03/ajax-css-star-rating-with-acts_as_rateable/#comment-2555 Rich Mon, 29 Dec 2008 18:06:16 +0000 http://blog.aisleten.com/2007/05/03/ajax-css-star-rating-with-acts_as_rateable/#comment-2555 Hey Ryan, good tutorial and info. Wanted to send praise and encouragement for rolling this work into a plugin -- I know it would be very popular. Cheers, R Hey Ryan, good tutorial and info. Wanted to send praise and encouragement for rolling this work into a plugin — I know it would be very popular. Cheers, R

]]> By: Ryan http://blog.aisleten.com/2007/05/03/ajax-css-star-rating-with-acts_as_rateable/#comment-2537 Ryan Tue, 09 Dec 2008 16:11:55 +0000 http://blog.aisleten.com/2007/05/03/ajax-css-star-rating-with-acts_as_rateable/#comment-2537 <a href="#comment-2536" rel="nofollow">@Antonios</a> - Antonios, Thanks for the comment. Yeah, it is quite out of date and not code in the RailsWay. I'm intending to make it into a plugin, but it's taking a while :( Ryan @Antonios -

Antonios,

Thanks for the comment. Yeah, it is quite out of date and not code in the RailsWay. I’m intending to make it into a plugin, but it’s taking a while :(

Ryan

]]> By: Antonios http://blog.aisleten.com/2007/05/03/ajax-css-star-rating-with-acts_as_rateable/#comment-2536 Antonios Tue, 09 Dec 2008 15:22:45 +0000 http://blog.aisleten.com/2007/05/03/ajax-css-star-rating-with-acts_as_rateable/#comment-2536 Hey Ryan. First of all, great tutorial!!! Im still a Rails newbie and working on my first app using google maps. But I feel it is "out of date". You think there will be an updated version comming? Thanks Hey Ryan.

First of all, great tutorial!!! Im still a Rails newbie and working on my first app using google maps.

But I feel it is “out of date”. You think there will be an updated version comming?

Thanks

]]> By: Ryan http://blog.aisleten.com/2007/05/03/ajax-css-star-rating-with-acts_as_rateable/#comment-2472 Ryan Wed, 19 Nov 2008 17:22:01 +0000 http://blog.aisleten.com/2007/05/03/ajax-css-star-rating-with-acts_as_rateable/#comment-2472 <a href="#comment-2459" rel="nofollow">@Richard</a> - Thanks for the info! @Richard -

Thanks for the info!

]]> By: Richard http://blog.aisleten.com/2007/05/03/ajax-css-star-rating-with-acts_as_rateable/#comment-2459 Richard Wed, 12 Nov 2008 06:28:51 +0000 http://blog.aisleten.com/2007/05/03/ajax-css-star-rating-with-acts_as_rateable/#comment-2459 To get this to work out with Rails 2.1.2 I had to: rather than use the old migration, you can just issue script/generate acts_as_rateable_migration and then migrate RatingController: rateable.rate_it params[:rating], params[:session_id] I'm using session for the user_id as I need anonymous rating..it's not going to be perfect but it seems to do alright. Routes, at this time i just need the rate action map.rate '/rate', :controller => 'rating', :action => 'rate' I had to change the link_to_remote in the partial view to { :controller => "rating", :action => "rate", :id => asset.id, :rating => x, :rateable_type => asset.class.to_s }, :html => { :class => "#{@convert[x-1]}-stars", :name => "#{pluralize(x,'star')} out of 5", :title => "Rate this a #{x} out of 5" } ) %> Without this tutorial, as this is my first ever Rails app, I would've been looking around for quite some time. Thanks To get this to work out with Rails 2.1.2 I had to:

rather than use the old migration, you can just issue script/generate acts_as_rateable_migration and then migrate

RatingController: rateable.rate_it params[:rating], params[:session_id]

I’m using session for the user_id as I need anonymous rating..it’s not going to be perfect but it seems to do alright.

Routes, at this time i just need the rate action

map.rate ‘/rate’, :controller => ‘rating’, :action => ‘rate’

I had to change the link_to_remote in the partial view to
{
:controller => “rating”, :action => “rate”,
:id => asset.id, :rating => x, :rateable_type => asset.class.to_s
},
:html => { :class => “#{@convert[x-1]}-stars”, :name => “#{pluralize(x,’star’)} out of 5″,
:title => “Rate this a #{x} out of 5″ } ) %>

Without this tutorial, as this is my first ever Rails app, I would’ve been looking around for quite some time.

Thanks

]]>