notation par étoiles et position
Bonjour,
je me suis fait un petit systeme de notation par étoile mais j'ai un petit problème :
je ne peut pas bouger mais étoiles dans ma page (je pense que cela est dut à "body onload").
Je vous mets le code de ma page :
Code:
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
| <html>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<head>
<script>
<!--
StarOutUrl= 'eteinte.png'; //image par défaut
StarOverUrl= 'allume.png'; //image d'une étoile sélectionnée
StarBaseId= 'Star'; //id de base des étoiles
NbStar= 5; //nombre d'étoiles
LgtStarBaseId=StarBaseId.lastIndexOf('');
function NotationSystem() {
for (i=1;i<NbStar+1;i++) {
var img =document.getElementById('Star'+i);
img.src =StarOutUrl;
img.onmouseover =function() {StarOver(this.id);};
img.onmouseout =function() {StarOut(this.id);};
}
}
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) {
//Le survol d'une étoile ne nous permet pas de connaître directement son numéro
//Cette fonction extrait donc ce numéro à partir de l'Id
StarNb=Star.slice(LgtStarBaseId);
return(StarNb);
}
-->
</script>
</head>
<body onload="NotationSystem();">
<a href="../noter_film.php?note=1"><img id="Star1" src="eteinte.png" border="0"/></a>
<a href="../noter_film.php?note=2"><img id="Star2" src="eteinte.png" border="0"/></a>
<a href="../noter_film.php?note=3"><img id="Star3" src="eteinte.png" border="0"/></a>
<a href="../noter_film.php?note=4"><img id="Star4" src="eteinte.png" border="0"/></a>
<a href="../noter_film.php?note=5"><img id="Star5" src="eteinte.png" border="0"/></a>
</body>
</html> |
Merci d'avance pour vos réponses.
