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
test.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 }
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¬e="+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.
Partager