|
La Communauté Webmaster 
| Pages: [1] |
 |
|
|
|
 Auteur |
Sujet: Système de notation par étoiles survolées (Lu 2092 fois) |
|
 |
Système de notation par étoiles survolées
« sur: le 08-05-2011 a 09:00:22 » |
|
webmasterfdm
Membre récent
 Hors-Ligne
Messages: 13
 
|
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>
Voici le code HTML de ma page :
<div id="classement" name="cls">
<script>init();</script>
</div>
<div id="commentaire"></div>
Voici le fichier .php qui renvoi vers la base de données :
<?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 ... |
|
|
|
|
|
|
|
Re:Système de notation par étoiles survolées
« Répondre #1 sur: le 09-05-2011 a 13:39:50 » |
|
|
|
|
|
Re:Système de notation par étoiles survolées
« Répondre #2 sur: le 09-05-2011 a 16:16:52 » |
|
|
|
|
|
Re:Système de notation par étoiles survolées
« Répondre #3 sur: le 09-05-2011 a 16:33:02 » |
|
|
|
|
| Pages:
[1] |
 |
|
|
| |
|
|
