Le stelle si accendono quando il mouse passa con il mouse
C'è un fantastico tutorial sul web per la progettazione di un sistema di valutazione a 5 stelle:http://rog.ie/blog/css-star-rater
. È puramente CSS, quindi non c'è bisogno di Javascripting.
Non è necessario ricaricare la pagina quando si fa clic su una stella (non è realmente necessario)
L'Ajax è tuo amico, quello che ho fatto è stato avere un <a class="one_star" href="javascript: submitRating(1, 5)">
dove <a>
rappresentato una stella e il submitRating()
funzione utilizzata da Ajax per trasmettere la mia valutazione (1/5) al server, il server memorizza la valutazione (e assegna l'utente che ha assegnato la valutazione) e ricalcola la nuova valutazione media e invia nuovamente i risultati in formato JSON.
Una sorta di media mostrata accanto alle stelle
Facile. Scrivi uno script SQL che, in base all'ID prodotto, prenda la somma della valutazione media (es. 1/5 + 2/5 + 4/5, ecc.), dividerla (somma) per l'importo totale delle valutazioni e moltiplicarla per 100. Riportare il valore al server e dal server torna al cliente.
La valutazione deve essere memorizzata da qualche parte in un database MySQL (è una buona idea?)
Sto usando MySQL per questo e funziona a meraviglia.... Qualsiasi sistema DB va bene.