Systeme de notation (bouton radio, css et javascript)

Bonsoir à tous,
je travaille sur un système de notation par étoile, basé sur différents éléments tirés ça et là
Voici les liens de mes bases bibliographiques:
http://www.pmob.co.uk/temp/star-rating.htm
http://forum.alsacreations.com/topic-2-35088-1-Images-cliquables-Resolu.html

J'ai pris le partie de me baser sur des boutons radios remplacé à l'écran par des étoiles via css.
A cela s'ajoute un javascript pour modifier l'apparence de mes étoiles lorsque le vote a été effectué... En gros ça marche.
Je viens vers vous car j'ai plusieurs soucis

1/ lorsqu'une personne vote, la page remonte automatiquement en haut au lieu de rester à sa position, y a t'il une solution pour régler cela?

2/ si la personne ne valide pas l'ensemble du formulaire dans lequel se situe le système de notation et change son vote, peu importe la raison, alors une deuxième série d'étoile apparait avec le nouveau vote en dessus du premier vote...
Je ne souhaite pas rendre impossible le changement de vote avant la validation définitive, y a t'il alors une méthode pour que le deuxième vote remplace le premier? Je pense qu'il ne s'agit que d'un souci d'affichage car une fois le formulaire validé, il me semble que c'est bien le dernier vote qui est enregistré dans la base de données...


Merci d'avance
Laurent

Bonjour,

1. Il faudrait placer une ancre au niveau de la zone de notation et faire en sorte que le lien sur lequel on clique pour sélectionner une note pointe vers cette ancre (si j'ai bien compris le fonctionnement dans le premier lien que tu donnes).

2. Dans ce cas, il faudrait faire une réinitialisation de l'affichage des images lors d'un clic.

Il est difficile de te répondre plus précisément sans avoir ton code sous les yeux.

Merci pour ces éléments,
Je vous affiche le code car effectivement c'est difficile de répondre à l'aveuglette...

<ul class="rating nostar">
<li class="one" onclick="this.className='one_selected'"><input name="rating" id="1" class="radio-Etoile" value="1" type="radio">

<label for="1" class="label-Etoile"><a>

1

</a></label></li>
<li class="two" onclick="this.className='two_selected'"><input name="rating" id="2" class="radio-Etoile" value="2" type="radio">

<label for="2" class="label-Etoile"><a>

2

</a></label></li>
<li class="three" onclick="this.className='three_selected'"><input name="rating" id="3" class="radio-Etoile" value="3" type="radio">

<label for="3" class="label-Etoile"><a>

3

</a></label></li>
<li class="four" onclick="this.className='four_selected'"><input name="rating" id="4" class="radio-Etoile" value="4" type="radio">

<label for="4" class="label-Etoile"><a>

4

</a></label></li>
<li class="five" onclick="this.className='five_selected'"><input name="rating" id="5" class="radio-Etoile" value="5" type="radio">

<label for="5" class="label-Etoile"><a>

5

</a></label></li>
</ul>

Pour l'initialisation de l'affichage de mes étoiles, il faut chercher du côté du javascript, c'est ça?
Merci encore