Estoy intentando insertar un sistema de votacion para los miembros de mi pagina, los miembros tienen favoritos y les pueden poner notas del 1 al 5 para ellos, lo mas sencillo posible. He encontrado algunos por la red, pero lo estoy intentando hacer más sencillo, ya que los que he encontrado me parecen un poco rebuscados.
El sistema empieza con un form con imagenes (type="image")
presionando la estrella 1 se asigna valor = 1
presionando la estrella 2 se asigna valor = 2
etc..
una vez tenemos el valor de la variable se guarda en una base de datos.
En el código que pongo a continuación uso solo 2 estrellas para simplificar, y he eliminado el codigo php que pasa el valor a la base de datos.
Código:
Vale, el problema que tengo, no se si viene al pelo en este foro, no sabia donde colocarlo:
<form id="votar" name="votar" method="post" action="">
<p>
<input name="estrella1" type="image" src="img/estrella_off.jpg"
onmouseover="this.src='img/estrella_on.jpg';"
onmouseout="this.src='img/estrella_off.jpg';" value="1" /><input
name="estrella2" type="image" src="img/estrella_off.jpg"
onmouseover="this.src='img/estrella_on.jpg';"
onmouseout="this.src='img/estrella_off.jpg';" value="2" />
</p>
</form>
<?php
// hago la conexion con la base de datos y guardo el valor(que puede ser 1,2,3,4 o 5);
?>
Veis que cuando se pasa el ratón por la primera estrella la estrella cambia de imagen, cuando se pasa el ratón por la segunda estrella cambia la imagen de la segunda estrella pero no cambia el de la primera.
Lo que me gustaría hacer, sin cambiar el método es que cuando pase el raton por la estrella numero 2 cambie también la imagen numero 1.
Asi...conseguir que cuando pase el ratón por la estrella numero 3 cambie también la imagen numero 1 y 2.
Se como hacer esto, pero no con imagenes de formulario.
Creo que podría ser util, ya que es un sistema sencillo, por eso lo pongo aqui y me gustaría no tener que usar otro. ¿Alguna idea?
Un saludo!
