star rating. too much work?

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
jmut
Forum Regular
Posts: 945
Joined: Tue Jul 05, 2005 3:54 am
Location: Sofia, Bulgaria
Contact:

star rating. too much work?

Post 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.
User avatar
s.dot
Tranquility In Moderation
Posts: 5001
Joined: Sun Feb 06, 2005 7:18 pm
Location: Indiana

Post by s.dot »

I've implemented them just using images and a form. It looked good and worked good. Not too hard at all.
Set Search Time - A google chrome extension. When you search only results from the past year (or set time period) are displayed. Helps tremendously when using new technologies to avoid outdated results.
jmut
Forum Regular
Posts: 945
Joined: Tue Jul 05, 2005 3:54 am
Location: Sofia, Bulgaria
Contact:

Post 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?
User avatar
s.dot
Tranquility In Moderation
Posts: 5001
Joined: Sun Feb 06, 2005 7:18 pm
Location: Indiana

Post by s.dot »

Yes. However my only javascript was when clicking a star (or a radio button), to submit the form.
Set Search Time - A google chrome extension. When you search only results from the past year (or set time period) are displayed. Helps tremendously when using new technologies to avoid outdated results.
User avatar
s.dot
Tranquility In Moderation
Posts: 5001
Joined: Sun Feb 06, 2005 7:18 pm
Location: Indiana

Post 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.
Set Search Time - A google chrome extension. When you search only results from the past year (or set time period) are displayed. Helps tremendously when using new technologies to avoid outdated results.
User avatar
CoderGoblin
DevNet Resident
Posts: 1425
Joined: Tue Mar 16, 2004 10:03 am
Location: Aachen, Germany

Post 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.
jmut
Forum Regular
Posts: 945
Joined: Tue Jul 05, 2005 3:54 am
Location: Sofia, Bulgaria
Contact:

Post 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.
User avatar
Kieran Huggins
DevNet Master
Posts: 3635
Joined: Wed Dec 06, 2006 4:14 pm
Location: Toronto, Canada
Contact:

Post by Kieran Huggins »

Post Reply