Page 1 of 1

star rating. too much work?

Posted: Tue Sep 18, 2007 2:48 am
by jmut
Hi,

I am trying to use some star rating system as I currently use dropdowns and they seem really dull.

Here is sample solution I found and trying to figure out how to implement.

http://komodomedia.com/blog/index.php/2 ... ing-redux/

This is brilliant as it uses no javascript at all...pure css implementation but then it is kind of hard to grasp on first read. Also I guess it is only helpfull for showing stars and not actually rate things. For actual rating you should somehow include javascript I think, at least I don't see passing user choice(click) as some value on the client side that can be passed serverside.

So my question is do I miss something or is it pointless to do all that css magic when at the end you need javascript to do real work - putting css magic beauty aside.

Any other recommendations of such implementations are more than welcome, other thing I consider is beatufied radio buttons but problem there is it will highlight one star only...and not everything till choosen star.

Posted: Tue Sep 18, 2007 2:53 am
by s.dot
I've implemented them just using images and a form. It looked good and worked good. Not too hard at all.

Posted: Tue Sep 18, 2007 2:56 am
by jmut
scottayy wrote:I've implemented them just using images and a form. It looked good and worked good. Not too hard at all.
And using javascript right?

Posted: Tue Sep 18, 2007 3:22 am
by s.dot
Yes. However my only javascript was when clicking a star (or a radio button), to submit the form.

Posted: Tue Sep 18, 2007 3:28 am
by s.dot
If you're just looking for a simple star rating solution, there is a really dead-bone simple one when rating graphics on the link on my signature.

Posted: Tue Sep 18, 2007 4:08 am
by CoderGoblin
The key is to ENHANCE your web site with javascript.

The goal when looking at making something should be to make it not requiring javascript. Design the page and get it working without. For a star system there is nothing wrong with making a form and getting the user to "submit" the form manually. Then you should go in and add javascript to the form to enable automatic submission by clicking on a star. Hide the submit button with an HTML <noscript> tag. You then have a system that will work regardless. It's nicer and easier with javascript but if you don't have it (approx 6% of users) you are not stuck.

This takes a bit more work but is worth it in the long run.

Posted: Tue Sep 18, 2007 4:26 am
by jmut
actually I don't need automatic submission...but just customer choosing.
as there is other data that should be supplied prior to submission...something like radio button would work.

Posted: Wed Sep 19, 2007 1:46 am
by Kieran Huggins