Las estrellas se iluminan cuando se desplaza el ratón
Hay un excelente tutorial en la web para diseñar un sistema de calificación de 5 estrellas:http://rog.ie/blog/css-star-rater
. Es puramente CSS, por lo que no es necesario usar Javascript.
La página no tiene que recargarse cuando se hace clic en una estrella (no es realmente necesario)
Ajax es tu amigo, lo que hice fue tener un <a class="one_star" href="javascript: submitRating(1, 5)"> donde <a> representó una estrella y el submitRating() usó Ajax para transmitir mi calificación (1/5) al servidor, el servidor almacena la calificación (y asigna el usuario que dio la calificación) y vuelve a calcular la nueva calificación promedio y envía los resultados en formato JSON.
Algún tipo de promedio que se muestra junto a las estrellas
Fácil. Escriba un script SQL que, según la identificación del producto, tome la suma de la calificación promedio (es decir, 1/5 + 2/5 + 4/5, etc.), divídalo (suma) por la cantidad total de calificaciones y multiplíquelo por 100. Devuelva el valor al servidor, y desde el servidor de vuelta al cliente.
La calificación debe almacenarse en algún lugar de una base de datos MySQL (¿es una buena idea?)
Utilizo MySQL para esto y funciona de maravilla... Cualquier sistema de base de datos está bien.
