Bonjour à tous,

Voilà j'ai créé un site qui regroupe des vidéos. Sur une page il y a 10 news correspondant donc à 10 vidéos.
J'ai mis en place un systéme de notation par étoile mais le soucis et que ce systéme ne fonctionne que pour la news la plus récente de celles affichées. En effet, lorsque je passe la souris sur les étoiles des news autre que la premiére, rien ne se passe.
Voilà quelques morceaux de code :

Pages qui affiche les vidéos :
news.php
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
 
[...]
while ($donnees = mysql_fetch_assoc($reponse)){
[...]    
     $contenu = nl2br(stripslashes($donnees['contenu']));
    echo $contenu .'<br />';
     include("test.php"); <?php 
}
test.php
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
<script language="javascript" type="text/javascript">
<!--
 
  StarOutUrl='img/StarOut.gif';		//image par défaut
  StarOverUrl='img/StarOver.gif';		//image d'une étoile sélectionnée
  StarBaseId='Star';	//id de base des étoiles
  NbStar=5;	//nombre d'étoiles
 
LgtStarBaseId=StarBaseId.lastIndexOf('');
 
function StarOver(Star) {
	StarNb=Name2Nb(Star);
	for (i=1;i<(StarNb*1)+1;i++) {
		document.getElementById('Star'+i).src=StarOverUrl;
	}
}
 
function StarOut(Star) {
	StarNb=Name2Nb(Star);
	for (i=1;i<(StarNb*1)+1;i++) {
		document.getElementById('Star'+i).src=StarOutUrl;
	}
}
 
function Name2Nb(Star) {
	StarNb=Star.slice(LgtStarBaseId);
	return(StarNb);
} 
 
window.onload = function NotationSystem() {
  for (i=1;i<NbStar+1;i++) {
  	var img=document.getElementById('Star'+i);
  	var xhr = null; 
  	xhr = new XMLHttpRequest(); 
  	img.onclick = function(){
   xhr.open("GET","ajout_note.php?id_news=7&note="+Name2Nb(this.id),true);
   xhr.send("NULL");
   };
 
  	img.alt='Donner la note de '+i;
  	img.src	=StarOutUrl;
  	img.onmouseover	=function() {StarOver(this.id);};
  	img.onmouseout	=function() {StarOut(this.id);};
  }
}
 
 
-->
</script>
 
<img id="Star1" src="img/StarOut.gif" />
<img id="Star2" src="img/StarOut.gif" />
<img id="Star3" src="img/StarOut.gif" />
<img id="Star4" src="img/StarOut.gif" />
<img id="Star5" src="img/StarOut.gif" />

Je pense que c'est la window.onload = function NotationSystem() qui ne fonctionne que sur la premiére news.