Javascript 1-2-3-star rating effect

Ok, this should be a REAL quick and easy one for you javascript gurus. I have a web form (generated from a db), and on each row there is a star rating graphic, which can show 0,1,2 or 3 stars (as per the graphics in the upload), and a hidden field adjacent to the graphic, which would have numeric value 0,1,2 or 3. I need it set up with a javascript function so that each time you clicked on the graphic it would advance 1 star, and update the field accordingly too. So for example, if the graphic is showing 1 star (and the field has value 1), and you click on it, then it shows the 2 star graphic, and the field gets value 2. And when it has 3 stars (and field value 3), and you click on it again, it resets to 0 stars, and value 0.

The field will be named according to the row, so in one row it'll be rating_76 for example, and then on the next row down, it'll be named rating_77, or some similar format. So the javascript function will need to be suitably generic, so that it works for whichever row.

The only other thing is that the system will also need to set up correctly when the page first loads in the values for each field from the database, and then sets up the image accordingly. Obviously I can do this straight from server_side no problem, but I guess you'll need to work it into the javascript function. Alternatively I guess, you could have some onLoad facility that initialises all the graphics according to the field values once the page has loaded. Whichever, I'll leave that up to you!

If it's not pushing my luck too far, I would like also to have the ALT value for the graphic also changing according to the star level that is showing. So when it's the 0 star graphic, the ALT reads "zero action", the 1 star graphic reads "low action", the 2 star graphic reads "medium action" and the 3 star graphic reads "high action".

If my budget is unrealistic let me know but I am sure this would be a real quickie for the right person...

Habilidades: Javascript

Veja mais: javascript star rating, star rating javascript, rating effect, star rating graphic, javascript star, javascript star effect, leave graphics, database gurus, 0 rating, rating effect javascript, add star rating graphic, javascriptstar rating, star rating effect, javascript half star rating, star rating javascript average, javascript star rating javascript, javascript star rating application, javascript star ratings, java script star rating, html star script, creating star rating javascript, javascript stars form, star rating sample javascript html, javascript show rating star, javascript rating star

Acerca do Empregador:
( 5 comentários ) Pagham, United Kingdom

ID do Projeto: #168671

Concedido a:


I have worked out the solution, code is awaiting delivery... Neat code and will provide good support. We will support you in integrating this piece of code with your application...

$30 USD em 1 dia
(1 Comentário)

7 freelancers estão ofertando em média $56 para esse trabalho


can do that for you. show me the form you have and escrow needed. thanks.

$90 USD in 3 dias
(22 Comentários)

hi, I allready have a very nice CSS script that make the stars shine as you go over them. I can add the Javascript to that and i could create something nice... I I can do this today... let me know if you agree... Cip Mais

$50 USD in 0 dias
(16 Comentários)

Let me help you. Please give me your URL

$50 USD in 3 dias
(15 Comentários)

I can get this turned around rather quickly for you. Source code is together now with your images for a quick delivery. On click will advance star image and update hidden form field by one value (or zero) for form s Mais

$40 USD in 0 dias
(0 Comentários)

Please See PM

$70 USD em 1 dia
(0 Comentários)

Hello sir, I am Yasir from Pakistan. I have read and understand what you actually want to have from me. I shall integrate my script into your application. The change of ALT for image will also be done. I have all the Mais

$60 USD in 2 dias
(0 Comentários)