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.
star rating. too much work?
Moderator: General Moderators
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.
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.
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.
- CoderGoblin
- DevNet Resident
- Posts: 1425
- Joined: Tue Mar 16, 2004 10:03 am
- Location: Aachen, Germany
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.
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.
- Kieran Huggins
- DevNet Master
- Posts: 3635
- Joined: Wed Dec 06, 2006 4:14 pm
- Location: Toronto, Canada
- Contact: