raty - JQuery Star Rating
jquery rating (2)
¿Alguien puede sugerir un sencillo script de calificación de cinco estrellas de JQuery que sea fácil de configurar? Solo necesito una instancia en una sola página. No me importa si escribe en un archivo o base de datos mysql para calcular el promedio de calificación.
Debe mostrar el número de votos y el promedio calculado. También debe verificar si la persona ya ha calificado o no debe permitir más de 2 evaluaciones a la vez. Deben tener cookies o sesiones para evitar múltiples calificaciones o algún otro mecanismo.
No me importa si es gratis o cuesta dinero, pero la licencia debería permitirme usarlo en aplicaciones comerciales.
Aprecio todas las sugerencias! ¡Gracias!
PD: pasé un par de días probando diferentes scripts en línea, pero no he encontrado nada que estuviera completo.
Esto se ve bien:
http://www.fyneworks.com/jquery/star-rating/
Pero necesitará más de un backend para asegurarse de que las personas no puedan votar dos veces y obtener un promedio de votos. Los votos deben ser almacenados en algún lugar (o por lo menos el promedio actual) y si un usuario ya votó o no debe ser almacenado en el servidor también.
Este enlace puede informarle sobre algunas de las cosas del lado del servidor que se deben realizar: http://www.yvoschaap.com/index.php/weblog/css_star_rater_ajax_version/
He empaquetado un complemento de clasificación de estrellas para meteoros , así que he evaluado todos los 11 complementos de clasificación de jQuery enumerados here , y el ganador es, de lejos, RateIt .
Rápida, mejora progresiva, soporte táctil, personalizable (solo intercambie las imágenes o cambie algunas CSS), JavaScript no intrusivo (usando atributos de datos * * HTML5), soporte RTL, admite tantas estrellas como desee y también cualquier paso tamaño.
Tamaño mínimo: 4.35KB (1.55KB cuando está comprimido).
Probado en: IE6-10, Chrome 7-22, Firefox 3.6-16, Opera 10.63-12 - utilizando jQuery 1.6.2 - 1.8.2. Prueba de soporte táctil en iPad iOS 4.2.1-5
RateIt puede usar opcionalmente el elemento de entrada de rango HTML5 , perfecto para este propósito. No hay elementos <li> o botones de radio cojos.
Las otras son claramente soluciones menores:
http://www.fyneworks.com/jquery/star-rating/
- 78 temas abiertos
- en Google Code, no en GitHub, lo que significa poco o nada de solicitudes de extracción
- última actualización hace 7 meses
- desarrollo un tanto lento revisa la pestaña de problemas)
- no se menciona la compatibilidad del navegador ni el soporte táctil
- tiene suite de prueba
https://github.com/ripter/jquery.rating
- solo 22 confirmaciones
- No hay soporte táctil, lista de compatibilidad del navegador o nada
- raty es claramente mejor
De todos modos, ninguno de estos menciona la compatibilidad del navegador o el soporte táctil. RateIt lo hace, y también explica claramente por qué es mejor y diferente de los demás:
¿Por qué es diferente RateIt
Aunque hace el mismo trabajo que el resto de los complementos de calificación de estrellas de jQuery, la principal diferencia es su simplicidad. La mayoría de los complementos crean un elemento para cada estrella (parcial), ya sea un div con un fondo de estrella o una etiqueta img. Cada una de estas etiquetas obtiene un evento de desplazamiento y un evento de clic. Y en estos eventos de desplazamiento / clic tiene que ir y hablar con las otras estrellas, diciéndoles que cambien de estado.
Por lo tanto, cada complemento estrella realiza muchas modificaciones de DOM (agregando el número de estrellas como elementos) y agrega muchos eventos (nuevamente, el número de estrellas multiplicado por 2).
RateIt utiliza básicamente tres divs.
Ah, y la última actualización? Ayer.