2 Questions à propos d'un script

**L'aigle de Carthage** · 22/03/2008, 10h41

Salut,
J'ai le script de l'évaluation par étoiles suivants... Mais j'ai quelques questions a laquelles j'espère bien trouvé une réponse içi.....
Voiçi le script:

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
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
 
<head>
<LINK rel="stylesheet" type="text/css" href="styles.css"/>
<script>
var n = 5;
function init(){
	var html = '';
	for (i=0; i<n; i++){
		id = i+1;
		html += '<a href="#"><img src="starOut.png" ';
		html += 'id="star" value="off" ';
		html += 'onMouseOver="over('+id+');" ';
		html += 'onMouseOut="out('+id+');" ';
		html += 'onClick="on('+id+')"/></a>'
	}
	document.getElementById("classement").innerHTML = html;
}
 
function over(nb){
	elemClassement = document.getElementById("classement");
	tabImg = elemClassement.getElementsByTagName("img");
 
	if (nb > 0)
		for (i=0; i<nb; i++)
			tabImg[i].src="starOver.png";
	for (i=nb; i<n; i++)
		tabImg[i].src="starOut.png";
}
 
function out(nb){
	elemClassement = document.getElementById("classement");
	tabImg = elemClassement.getElementsByTagName("img");
 
	for (i=0; i<nb; i++)
		tabImg[i].src="starOut.png";
	for (i=0; i<n; i++){
		if (tabImg[i].value == "on")
			tabImg[i].src="starOn.png";
	}
}
 
function on(nb){
	elemClassement = document.getElementById("classement");
	tabImg = elemClassement.getElementsByTagName("img");
 
	for (i=0; i<nb; i++){
		tabImg[i].src="starOn.png";
		tabImg[i].value="on";
	}
	for (i=nb; i<n; i++){
		tabImg[i].src="starOut.png";
		tabImg[i].value="off";
	}
 
	elemComment = document.getElementById("commentaire");
 
   switch(nb){
   		case 1:
		 text="Médiocre";
		 break;
 
		 case 2:
		 text="Mauvais";
		 break;
 
		 case 3:
		 text="Moyen";
		 break;
 
		 case 4:
		 text="Bon";
		 break;
 
		 case 5:
		 text="Excellent";
		 break;
 
		 default:
		 text="";
 
		}	  
	//text = nb+" étoiles";
	elemComment.innerHTML = text;
}
</script>
</head>
 
<body>
	<div id="classement" name="cls">
		<script>init();</script>
	</div><br>
	<div id="commentaire"></div>
</body>

1- J'ai mis ce script entre un <td>et</td> dans un tableau, mais les étoiles s'affichent en haut de la cellule, j'ai pas su comment les mettre en centre.

2-Comment editer la police et la taille de la police du commentaire(c'est à dire du médiocre, mauvais....)

En attendant votre réponse et votre aide précieuse, veuillez acceptez mes salutations.

**Jumano** · 22/03/2008, 10h51

Envoyé par L'aigle de Carthage

1- J'ai mis ce script entre un <td>et</td> dans un tableau, mais les étoiles s'affichent en haut de la cellule, j'ai pas su comment les mettre en centre.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<td valign="middle">

Mais cest plus du CSS que du javascript ...

Idem pour ta question 2, il faut créer tes différents styles dans ton fichier styles.css, et ensuite :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<div id="commentaire" class="laclassquetuasdefini" >

**L'aigle de Carthage** · 22/03/2008, 11h30

9a n'as pas marché

**Jumano** · 22/03/2008, 11h35

Envoyé par L'aigle de Carthage

9a n'as pas marché

Qu'est ce qui n'a pas marché ?

**htr999** · 22/03/2008, 11h42

voici une nouvelle version que j'ai modifiée.

suite de ce POST abandonné !.!

**L'aigle de Carthage** · 22/03/2008, 11h55

Merci beaucoup, ton nouveau script est parfait!!!

Une dernière question , j'ai fait ce code la :

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
 
<?php 
 
include("connexionbd.php");
require_once("evaluation.class.php");
 
 
$log=$_SESSION['logss'];
$clt=$_SESSION['idclient'];
$prd=$_GET["produit"];
$nom=$_GET["nom"];
 
        /// Instanciation       
                $eva = new evaluation($page,'where code_client=\''.$clt.'\'');
                                
        echo '<table border="1">';
        echo '<caption><font size="1" face="Verdana" color="#041f2e"><b>Evaluation du '.$nom.' </b></font></caption>'; ?>
 
			<? while(!$eva->eof){
 
				$req=mysql_query("select Critere from critere where id='".$eva->id_critere."'"); 
 
			 while($res=mysql_fetch_array($req)){ 
			?>
	<tr>
      		 <td>
    			<? echo '<font size="2" face="Verdana" color="#041f2e">'.$res['Critere'].'</font>' ; ?>   
     		 </td>
 
      		<td valign="middle">
    			<? include("index.html") ; ?>   
      		</td>
	</tr>
 
<? }
$eva->Movenext();
}
echo '</table>';
?>

Mais le problème içi, c'est que la ligne des 5 étoiles ne s'affichent que dans la première ligne du tableau....
voiçi une image du résultat:
http://rapidshare.com/files/101434947/tab.jpg.html

2 Questions à propos d'un script

JavaScript

Vue hybride

Discussions similaires

Partager

Partager