consejo para star rating?

[warywin]

Hola me gustaria utilizar una valoracion por estrellas en mi pagina, y me gustaria si conoceis algun, normalita, ya que no estoy acostumbrado a trabajar cono ajax, o si no es una clase ya creada, como la hicisteis vosotros?
un saludo!

[NSD]

Hola, hay muchas en la web, si lo buscases en google verias montones de opciones.

No obstante, si quieres algo bien simple podrias usar algo como esto:

Código HTML:

<!-- Pagina a calificar -->
<form action="rating.php" method="post">
<input type="hidden" name="id_page" value="IDENTIFICADOR_PAGINA_A_VALORAR">
<input type="number" name="calificacion">
<input type="submit" value="Calificar!">
</form>
 

Código PHP:

// rating.php
if($_POST['id_page'] && $_POST['calificacion'])
{
     $sql = 'INSERT INTO calificaciones VALUES(NULL, NOW(), '.intval($_POST['id_page']).', '.intval($_POST['calificacion']).' );';
     // Ejecutar el sql con lo que sea que estes usando en tu web.
     ....
     // Enviar algo de agradecimiento
     ....
} else 
{
 // Error. No hay datos suficientes.
 ....
}
 

Código MySQL:

CREATE TABLE IF NOT EXISTS `calificaciones` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `fecha` datetime NOT NULL,
  `id_page` int(11) NOT NULL,
  `calificacion` tinyint(4) NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=1 ;
 

Como veras, no existe ninguna dificultad en un modulo de rating.
Podrias cambiar el input number por un grupo de radio options.
Podrias ocultar esos radio options y agregar labels con forma de estrellitas.
Podrias capturar el evento onsubmit del formulario y realizar con ajax el proceso.
O podrias no hacer nada de eso, y aun asi funcionaria.

Puedes obtener cualquier info de las calificaciones con simples y elementales SQL, usando la funciones:

COUNT() -> Cantidad de calificaciones.
AVG() -> Promedio de calificaciones

[NSD]

O si l prefieres como una clase

Código PHP:

<?php
class rating_page 
{
    public id_calificacion;
    public id_page;
    public rating;
    
    public function reset()
    {
        $this->id_calificacion = 0;
        $this->id_page = 0;
        $this->rating = 0;
    }
    
    public function printForm()
    {
        echo('
        <!-- Pagina a calificar -->
        <form action="rating.php" method="post">
        <input type="hidden" name="id_calificacion" value="'.$this->id_calificacion.'">
        <input type="hidden" name="id_page" value="'.$this->id_page.'">
        <input type="number" name="calificacion" value="'.$this->rating.'">
        <input type="submit" value="Calificar!">
        </form>');
    }
    
    public function save()
    {
        if($this->id_calificacion)
            $sql = 'UPDATE calificaciones SET fecha=NOW(), id_page='.intval($_POST['id_page']).', calificacion='.intval($_POST['calificacion']).' WHERE id='.intval($this->id_calificacion).';';
        else
            $sql = 'INSERT INTO calificaciones VALUES(NULL, NOW(), '.intval($_POST['id_page']).', '.intval($_POST['calificacion']).' );';
        
        // Ejecutar
        ...
    }
    
    public function load()
    {
        // Hacer el select por id y cargar las propiedades
    }
    
    public function countRating()
    {
        // Hacer un count por id_page y retornar el resultado
    }
    
    public function avgRating()
    {
        // Hacer un avg por id_page y retornar el resultado 
    }
}
 

[warywin]

no hay ninguna clase o codigo ya resuelto que me valga, he probado muchos y aun asi acomplandolos no me valen

[NSD]

no hay ninguna clase o codigo ya resuelto que me valga, he probado muchos y aun asi acomplandolos no me valen

El codigo que te puse no esta resuelto, es simplemente la estructura, si es verdad que has visto muchos no te costara adaptarlo, son solo 50 lineas.

Por otro lado, si a la clase que escribi, le incorporas una propiedad mas, te puede servir para calificar cualquier cosa, la web, una pagina, una imagen, una publicacion, un usuario, una seccion, un color, una encuesta, lo que se te antoje.

El codigo completo final de una clase asi, dudo que sobrepase las 100 lineas. No usa ajax pero incorporarlo luego no seran mas que unas pocas lineas js (ni hablar si usas jquery u otro fw).. Vamos que no es tan dificil...

[RaulCDT]

Crea en la BD

id | rating_id | rating_num | IP

y donde vayas a poner las estrellitas:

Código PHP:

  <?php 
//Query que retorna el numero de votos para un producto o servicio 
$query_num_ratings =  mysql_query("SELECT COUNT(*) as num FROM services_rating WHERE rating_id=".$row_services['service_id'], $conexion); 
//Numero de votos de un producto o registro 
$num_ratings = mysql_result($query_num_ratings, 0, "num"); 
 
//Query que retorna la suma, el total de votos de un producto o servicio 
$query_sum_ratings =  mysql_query("SELECT SUM(rating_num) as sum FROM services_rating WHERE rating_id=".$row_services['service_id'], $conexion); 
 
//Si los votos son positivos 
if(mysql_result($query_sum_ratings, 0, "sum") > 0) 
   //Guardamos la suma 
   $sum_ratings = mysql_result($query_sum_ratings, 0, "sum"); 
else 
   //La suma vale 0 
   $sum_ratings = 0; 
 
$rating = 0;     
 
//Si la suma de votos es mayor que 0 
if ($num_ratings > 0) { 
   //Calculamos el número de estrellas a pintar 
   $rating = round($sum_ratings / $num_ratings); 
} 
?> 
 
<div id="rating<?=$row_services['service_id']?>" data="<?=$row_services['service_id']?>"> 
   <?php 
   //Por cada estrella 
   for ($i=1; $i<=5; $i++) { 
      //Si toca pintarla de verde 
      if ($i <= $rating) 
         //Mostramos estrella verde 
         echo '<div id="rating'.$row_services['service_id'].'_'.$i.'" data='.$i.'>&nbsp;</div>'; 
      else 
         //Mostramos estrella gris 
         echo '<div id="rating'.$row_services['service_id'].'_'.$i.'" data='.$i.'>&nbsp;</div>'; 
   } 
   ?> 
 
   <div id="sumrating" data="<?=$sum_ratings?>" style="display:none">&nbsp;</div> 
   <div id="numrating" data="<?=$num_ratings?>" style="display:none">&nbsp;</div> 
   <div id="actual" data="<?=$rating?>" style="display:none;">&nbsp;</div> 
   <div class="ok" style="display:none;">&nbsp;</div> 
</div>  

y ya en el head

Código HTML:

<script type="text/javascript">
$(document).ready(function() {
    $('.estrella').click(function(){

        var parent = $(this).parent().attr('id');
        var service = $(this).parent().attr('data');
        var rating = $(this).attr('data');

        var dataString = 'id='+service+'&rating='+rating;

        $.ajax({
            type: "POST",
            url: "includes/addvote.php",
            data: dataString,
            success: function() {        
                var new_sum_rating = parseInt($('#'+parent+' #sumrating').attr('data')) + parseInt(rating);
                var new_num_rating = parseInt($('#'+parent+' #numrating').attr('data')) + 1;
                var new_rating = Math.round(new_sum_rating / new_num_rating);

                for(i=1;i<=new_rating;i++){
                    $('#'+parent+'_'+i+' .estrella').removeClass("estrella");
                    $('#'+parent+'_'+i+' .estrella').addClass("selected");
                }

                $('#'+parent+' .ok').empty();
                $('#'+parent+' #actual').empty();
                $('#'+parent+' #actual').append('('+new_rating+'/5) basado en '+new_num_rating+' votos!').fadeIn("slow");
                $('#'+parent+' .ok').append('Gracias por enviar tu voto!').fadeIn("slow");
                $('#'+parent+' #actual').fadeOut(5000);
                $('#'+parent+' .ok').fadeOut(5000);
            }

        });

    });  

    $('.estrella').hover(function(){
         var parent = $(this).parent().attr('id');

        $('#'+parent+' .estrella').css('background-image', 'url(images/estrella-gris.png)');

        for(i=1;i<=$(this).attr('data');i++){
            $('#'+parent+'_'+i).css('background-image', 'url(images/estrella-verde.png)');
        }

    });  
});    
</script> 

El archivo php que recibe los datos addvote.php simplemente hace un require de un archivo que conecta con la base de datos, recibe los datos mediante POST y los inserta en la tabla “rating_services” de la BD

Código PHP:

  <?php 
require('config.php'); 
$service = $_POST['id']; 
$rating = $_POST['rating']; 
$insert = mysql_query("INSERT INTO services_rating (rating_id, rating_num) VALUES ('$service', '$rating')", $conexion); 
?>   

No se si te servira de algo

[warywin]

Hola Raul, me dan un par de errores, he añadido a mi tabla las columnas rating_id , rating_num y IP. Los errores que me muestra la pag son:
-$row_services indefinida
-mysql_query() expects parameter 2 to be resource, object given in C:\\....videos.php
-mysql_result() expects parameter 1 to be resource, boolean given in C:\\....videos.php

no tengo muy claro que es la variable $row_services cuando la nombras en

Código PHP:

WHERE rating_id=".$row_services['service_id'], $con);
 

y la columna IP no se usa no?