Système de notation par étoiles

ekirom · 8 Mai 2011

Bonjour,

pour mon site, je suis en train d'adapter un système de notation par étoiles (de 1 à 5 étoiles). On survole ces étoiles, elles changent de couleur au survol (de blanches à légèrement orangées), puis on clic sur l'étoile désirée (pour affecter une note de 1 à 5), là encore les étoiles changent de couleur (couleur orange foncé). Au moment du clic, je renvoi les infos vers un fichier .php, qui est censé ensuite inscrire le résultat du clic (donc une note de 1 à 5) dans une table de ma base de données ...

Le problème : tout fonctionne "bien", mais le résultat de la note dans la table de ma base de données est toujours "0" ...

Voici le script placé entre <head> et </head> :

<script>
var n = 5;
function init(){
	var html = '';
	for (i=0; i<n; i++){
		id = i+1;
		html += '<a href="ajoutnot.php"><img src="/images/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="/images/starOver.png";
	for (i=nb; i<n; i++)
		tabImg[i].src="/images/starOut.png";
}

function out(nb){
	elemClassement = document.getElementById("classement");
	tabImg = elemClassement.getElementsByTagName("img");

	for (i=0; i<nb; i++)
		tabImg[i].src="/images/starOut.png";
	for (i=0; i<n; i++){
		if (tabImg[i].value == "on")
			tabImg[i].src="/images/starOn.png";
	}
}

function on(nb){
	elemClassement = document.getElementById("classement");
	tabImg = elemClassement.getElementsByTagName("img");

	for (i=0; i<nb; i++){
		tabImg[i].src="/images/starOn.png";
		tabImg[i].value="on";
	}
	for (i=nb; i<n; i++){
		tabImg[i].src="/images/starOut.png";
		tabImg[i].value="off";
	}

	elemComment = document.getElementById("commentaire");
	text = nb+"/5";
	elemComment.innerHTML = text;
}
</script>

[u]Voici le code HTML de ma page :[/u]

<div id="classement" name="cls">
		<script>init();</script>
	</div>
	<div id="commentaire"></div>

[u]Voici le fichier .php qui renvoi vers la base de données :[/u]

<?php 
if(isset($_GET['classement']))      $classement=$_GET['classement'];
else      $classement="";
$dbh = mysql_connect
("rdbms.strato.de", "XXXXXXXX", "XXXXXXXX");
mysql_select_db("XXXXXXXX"); 
$sql = "INSERT INTO notation(id, note) VALUES('', '$classement')"; 
mysql_query($sql); 
mysql_close(); 
print ("<script language = \"JavaScript\">"); 
print ("location.href = 'http://www.fins-de-mois.com/jeux_gratuitsTEST.php';"); 
print ("</script>");
?>

Merci pour votre aide ...

Connexion

Système de notation par étoiles

Sujets conseillés

ekirom

Lien vers le commentaire

Partager sur d’autres sites

Veuillez vous connecter pour commenter

Parcourir

Activité