Mon systeme de vote se répetent

Bonjour,

j'ai fais un petit systéme de vote par étoile qui fonctionne trés bien

mais le souci c'est qu'il se répetent à chaque page et j'aimerais qu'on vote à chaque logiels

et je voudrais mettre comme cette image

http://tinypic.com/images/goodbye.jpg

donc le principe est trés simple c'est que les gens clique sur le select un chiffre par exemple 6 donc ensuite il met la phrase avec l'echo votre vote à étais bien étais enregistré

j'ai fait un script qui fonctione mais là j'aimerais bien rajouté un selecte avec des chiffre de 1 à 20 par exemple

donc si la personne met 5 /10

on verras fure à messure l'étoile rouge comme l'image que j'ai montré

et l'autre souci de mon script les votes se répetent donc comment on peut dire qu'il ne doit pas se répeter les votes dans tout les pages

voilà le script

page principale :

en haut du doctype j'ai mis :

// Systéme des votes

	mysql_connect("", "", "")    or die("Impossible de se connecter");
	mysql_select_db('') or die("Could not select database : test");
	
	$article = "Votre Note :";
	
	$sql = "SELECT * FROM vote WHERE article = '".$article."';";
	$result = mysql_query( $sql ) or die ( 'Unable to execute query.' );
	$nombreDeVote = mysql_numrows( $result );
	$note = 0 ;
	while ($eachVote = mysql_fetch_array($result, MYSQL_ASSOC)) {
		$note = $note + $eachVote['value'];
	}
	$note = $note / $nombreDeVote;
	$individual = explode (".", $note ) ;
	$note = $individual[0] ;

ensuite

<script type="text/javascript" src="javasscripts/votes.js"></script> 
		<script type="text/javascript">
			var article = "<?php echo $article ; ?>";
		</script>
	  <li><div class="texte_blanc" id="note">
	  <?php echo "".$article." ".$note." / 10" ; ?></div>
	  <div id="classement" name="cls">
	  <script type="text/javascript">init();</script>
	  </div><select name="note" id="note">
	  <optgroup label="Votre Note pour ce logiciels">
	  <option value="0">0/20</option>
	  <option value="1">1/20</option>
	  <option value="2">2/20</option>
	  <option value="3">3/20</option>
	  <option value="4">4/20</option>
	  <option value="5">5/20</option>
	  <option value="6">6/20</option>
	  <option value="7">7/20</option>
	  <option value="8">8/20</option>
	  <option value="9">9/20</option>
	  <option value="10">10/20</option>
	  <option value="11">11/20</option>
	  <option value="12">12/20</option>
	  <option value="13">13/20</option>
	  <option value="14">14/20</option>
	  <option value="15">15/20</option>
	  <option value="16">16/20</option>
	  <option value="17">17/20</option>
	  <option value="18">18/20</option>
	  <option value="19">19/20</option>
	  <option value="20">20/20</option> 
	  </optgroup>
	  </select>

	  <div id="commentaire"></div>
	  </li></ul>

et la page submitVote.php

<?php
	$vote = $_POST['vote'];
	$article = $_POST['article'];
	
	mysql_connect("", "", "")    or die("Impossible de se connecter");
	mysql_select_db('') or die("Could not select database : test");
	
	
	if ( $vote !="" && $article !="" ) {
		$clientip = $REMOTE_ADDR;
		$date = date("Y-m-d");
		$sql = "SELECT * FROM vote WHERE article = '".$article."' AND verifyClient = '".$clientip."/".$date."'";
		$result = mysql_query( $sql ) or die ( 'Unable to execute query.' );
		$num = mysql_numrows( $result );
		
		if ( $num == 0 ) {
			$sql = "INSERT INTO `vote` ( `id`, `article`, `value`, `verifyClient`) VALUES ( NULL, '".$article."', '".$vote."', '".$clientip."/".$date."');";
			$result = mysql_query( $sql ) or die ( 'echeque de l&prime;enregistrement du vote.' );
			echo '<div class="texte_blanc">votre vote &agrave; bien &eacute;t&eacute; enregistr&eacute;</div>';
		}
		else {
			echo '<div class="texte_blanc">Vous avez d&eacute;j&agrave; vot&eacute;</div>';
		}
		
		exit;
	}
	else {
		echo 'Un bug est survenu';
	}
?>

et la page votes.js

// JavaScript Document

var n = 10; 

function init(){ 
var html = ''; 
for (i=0; i<n; i++){ 
id = i+1; 
html += '<a href="#"><img border="0" src="http://le.coffre.free.fr/images/notes/gris.gif" '; 
html += 'id="star" value="off" '; 
html += 'onMouseOver="over('+id+');" '; 
html += 'onMouseOut="out('+id+');" '; 
html += 'onClick="on('+id+');"/></a>' ;
} 
document.getElementById("classement").innerHTML = html; 
} 

function over(nb){ 
elemClassement = document.getElementById("classement"); 
tabImg = elemClassement.getElementsByTagName("img"); 

if (nb > 0) 
for (i=0; i<nb; i++) 
tabImg[i].src="http://le.coffre.free.fr/images/notes/rouge.gif"; 
for (i=nb; i<n; i++) 
tabImg[i].src="http://le.coffre.free.fr/images/notes/gris.gif"; 
} 

function out(nb){ 
elemClassement = document.getElementById("classement"); 
tabImg = elemClassement.getElementsByTagName("img"); 

for (i=0; i<nb; i++) 
tabImg[i].src="http://le.coffre.free.fr/images/notes/gris.gif"; 
for (i=0; i<n; i++){ 
if (tabImg[i].value == "on") 
tabImg[i].src="http://le.coffre.free.fr/images/notes/rouge.gif"; 
} 
} 

function on(nb) 
{ 
elemClassement = document.getElementById("classement"); 
tabImg = elemClassement.getElementsByTagName("img"); 

for (i=0; i<nb; i++){ 
tabImg[i].src="http://le.coffre.free.fr/images/notes/rouge.gif"; 
tabImg[i].value="on"; 
} 
for (i=nb; i<n; i++){ 
tabImg[i].src="http://le.coffre.free.fr/images/notes/gris.gif"; 
tabImg[i].value="off"; 
} 

http = createRequestObject(); 
http.open('post', 'submitVote.php', true); 
document.getElementById("commentaire").innerHTML = "chargement" ; 

http.onreadystatechange = function () { 
if ( http.readyState == 4 ) { 
if( http.status == 200 ) { 
document.getElementById("commentaire").innerHTML = http.responseText ; 
} 
} 
}; 

http.setRequestHeader('Content-Type','application/x-www-form-urlencoded'); 
http.send("vote="+nb+"&article="+article); 
} 

//new 

var http; 

function createRequestObject() 
{ 
var http; 

// Mozilla, Safari, ... 
if(window.XMLHttpRequest) { 
http = new XMLHttpRequest(); 
} 

// Internet Explorer 
else if(window.ActiveXObject) { 
http = new ActiveXObject("Microsoft.XMLHTTP"); 
} 

return http; 
}

merci de m'aidé à évité les votes de se répeter

merci de votre aide