Aller au contenu

Système de notation par étoiles


ekirom

Sujets conseillés

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

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...