notation par étoiles et position

**worldhugo** · 04/06/2009, 19h17

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 :

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
<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.

**RomainVALERI** · 05/06/2009, 09h45

Envoyé par worldhugo

je ne peut pas bouger mais étoiles dans ma page

c'est-à-dire ?

tu parles de drag and drop ? ou de modification du source après laquelle les effets de survol ne fonctionnent plus ?

**worldhugo** · 05/06/2009, 16h20

ben en faite même si je les mais dans un div qui est en bas de page elle reste tout en haut

**RomainVALERI** · 05/06/2009, 16h45

en bas de quelle page ?

Il n'y a que les étoiles dans l'extrait que tu montres...

Si cette page est inclue dans une iframe (par exemple) liée à ta page "principale", c'est le code de cette dernière qu'il nous faut ^^ parce que là, il n'y a ni début ni fin où "placer" les étoiles...

(si ton extrait n'était qu'un passage coupé de ta page, ce n'est pas ça : vérifie alors aussi les éventuelles règles css qui pourraient positionner l'élément (à partir de son id par exemple))