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

**worldhugo** · 05/06/2009, 17h32

Ben si je copie coll le code qui a sur cette page sur une autre page plus remplit avec une div en bas de page, les étoiles reste en haut de la page

**SpaceFrog** · 05/06/2009, 18h59

j'ai pas posté une source fiable il y a deja un certain temps ?

là tu as plutot un souci de css

**worldhugo** · 05/06/2009, 20h26

Une source fiable ????
Ben je ne voit pas vraiment le problème de css car tout mon site marche nikel sauf sa qui reste toujours en haut de la page ?

**SpaceFrog** · 05/06/2009, 20h28

http://www.developpez.net/forums/d59...e-vote-etoile/

**worldhugo** · 05/06/2009, 20h47

Merci mais comment faire pour que quand la souris n'est plus sur les étoiles tout soit "blanc" ??

**SpaceFrog** · 05/06/2009, 21h09

onmouseout ...
mais il faudra un flag cliqué ou pas clické ..

**worldhugo** · 05/06/2009, 21h11

oui je sais pour onmousout mais après je ne sais pas ...
un flag cliqué ??

**SpaceFrog** · 05/06/2009, 21h13

oulà ...
lundi maintenant je suis en week end là ^^

sur le onmouseout tu gères le src des images
sauf ssi il y a eu un click sur une imaeg ce qui fige le vote

**worldhugo** · 05/06/2009, 21h15

ok ok
Merci beaucoup

notation par étoiles et position

JavaScript

Discussions similaires

Partager

Partager