Soyez le premier à donner votre avis sur cette source.
Vue 17 087 fois - Téléchargée 2 176 fois
///////////////////// /* HTML index.html */ ///////////////////// <html> <head> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/fonctions.js"></script> </head> <body style="background:#333;color:#FFF;"> <form action="#" method="post"> Votre note<br/> <input type="hidden" name="note" value="" id="note"/> <img src="design/star_clear.gif" id="clear_stars" title="Sans intérêt c'est trop nul"> <img src="design/star_out.gif" id="star_1" class="star"/> <img src="design/star_out.gif" id="star_2" class="star"/> <img src="design/star_out.gif" id="star_3" class="star"/> <img src="design/star_out.gif" id="star_4" class="star"/> <img src="design/star_out.gif" id="star_5" class="star"/> <!-- Ajouter autant d'étoile que nécessaire !--> <input type="submit" value="Noter" class="bouton"/> </form> </body> </html> ///////////////////////////// /* Javascript fonctions.js */ ///////////////////////////// $(document).ready(function(){ /////////// // Notation /////////// var srcIn='design/star_in.gif'; //image au survol var srcOut='design/star_out.gif'; // image non survolée // Obtenir id numérique des étoiles au format star_numero function idNum(id) { var id=id.split('_'); var id=id[1]; return id; } // Survol des étoiles $('.star').hover(function(){ var id=idNum($(this).attr('id')); // id numérique de l'étoile survolée var nbStars=$('.star').length; // Nombre d'étoiles de la classe .star var i; // Variable d'incrémentation for (i=1;i<=nbStars;i++) { if(i<=id) $('#star_'+i).attr({src:srcIn}); else if(i>id) $('#star_'+i).attr({src:srcOut}); if(i==id)$('#note').attr({value:i}); // affectation de la note au formulaire } },function(){}); // Survol de la croix $('#clear_stars').hover(function(){ $('.star').attr({src:srcOut}); $('#note').attr({value:'0'}); },function(){}); });
Modifié par alberto le 27/01/2016 à 18:06
24 avril 2013 à 21:42
2 mai 2011 à 15:07
11 août 2010 à 03:32
mais comment la note est conservée ?
fichier ? table sql ?
est-ce que le script calcul uniquement la moyenne ou enregistre la note de chaque utilisateur ?
5 août 2010 à 14:57
L'idée de départ étant de ne pas avoir besoin de cliquer, je n'ai pas implémenté le clic.
Si l'utilisateur clique cela ne change rien, la position est conservée.
Cependant, si il y a des demandes en ce sens, je peux implémenter le clic.
Je tiens à préciser que l'ensemble des scripts existant notent à partir de 1 (cf celui de ce site), or cela fausse les notations si l'on ne peut pas mettre un zero pointé en notation. Mon script intégre le zero.
Cordialement
Vous n'êtes pas encore membre ?
inscrivez-vous, c'est gratuit et ça prend moins d'une minute !
Les membres obtiennent plus de réponses que les utilisateurs anonymes.
Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.
Le fait d'être membre vous permet d'avoir des options supplémentaires.