JQuery Star Rating

Qualcuno può suggerire un semplice script di valutazione a cinque stelle JQuery che sia facile da configurare. Ho solo bisogno di una singola istanza su una singola pagina. Non mi interessa se scrive su un file o database MySQL per calcolare la media del rating.

Dovrebbe visualizzare il numero di voti e la media calcasting. Dovrebbe anche verificare se la persona ha già valutato o non dovrebbe consentire più di 2 voti alla volta. Dovrebbero avere cookies o sessioni per prevenire rating multipli o altri meccanismi.

Non mi interessa se il suo costo libero o il costo, ma le licenze dovrebbero permettermi di usarlo in applicazioni commerciali.

Apprezzo tutti i suggerimenti! Grazie!

PS Ho passato un paio di giorni a provare diversi script online ma non ho trovato nulla che fosse effettivamente completo.

Questo sembra carino:
http://www.fyneworks.com/jquery/star-rating/

Ma avrai bisogno di più di un back-end per assicurarti che le persone non possano votare due volte e ottenere una media di voti. I voti devono essere memorizzati da qualche parte (o almeno la media attuale) e anche se un utente già votato deve essere memorizzato sul server.

Questo link può dirvi alcune delle cose sul lato server che devono essere fatte: http://www.yvoschaap.com/index.php/weblog/css_star_rater_ajax_version/

Ho confezionato un plug-in di classificazione per meteore , quindi ho valutato tutti i 11 plug-in di valutazione di jQuery elencati qui , e il vincitore è di gran lunga il RateIt .

Miglioramento rapido, progressivo, supporto touch, personalizzabile (basta scambiare le immagini o modificare alcuni CSS), JavaScript discreto (utilizzando attributi HTML5 data- *), supporto RTL, supporta tutte le stelle che desideri e qualsiasi passaggio dimensione.

Dimensioni minime: 4,35 KB (1,55 KB quando compresso con gzip).

Testato su: IE6-10, Chrome 7-22, Firefox 3.6-16, Opera 10.63-12 – usando jQuery 1.6.2 – 1.8.2. Tocca il test di supporto su iPad iOS 4.2.1-5

RateIt può facoltativamente utilizzare l’ elemento di input dell’intervallo HTML5 , perfetto per questo scopo. Nessun elemento lame

  • o pulsanti di opzione.

    Gli altri sono chiaramente soluzioni minori:

    Star Rating, la prima risposta

    • 78 problemi aperti
    • su Google Code, non su GitHub, il che significa poche o nessuna richiesta di pull
    • ultimo aggiornamento 7 mesi fa

    Raty, la seconda risposta

    • sviluppo un po ‘lento controllare la scheda dei problemi)
    • nessuna menzione della compatibilità del browser o del supporto touch
    • ha una suite di test

    https://github.com/ripter/jquery.rating

    • solo 22 si impegna
    • nessun supporto touch, elenco di compatibilità del browser o altro
    • raty è chiaramente migliore

    Ad ogni modo, nessuno di questi menziona la compatibilità del browser o il supporto al touch. RateIt fa, e spiega anche chiaramente perché è migliore e diverso dagli altri:

    Perché è diverso da RateIt

    Anche se fa lo stesso lavoro del resto dei plugin di valutazione jQuery, la differenza principale è la sua semplicità. La maggior parte dei plug-in crea un elemento per ogni stella (parziale), sia esso un div con uno sfondo a stella o un tag img. Ognuno di questi tag riceve un evento hover e un evento click. E su questi eventi hover / click deve andare e parlare con le altre stelle, dicendo loro di cambiare il loro stato.

    Quindi ogni plugin stella fa un sacco di alterazioni DOM (aggiungendo il numero di stelle come elementi) e aggiunge molti eventi (di nuovo il numero di stelle volte 2).

    RateIt utilizza fondamentalmente tre div.

    Oh, e l’ultimo aggiornamento? Ieri.