Accueil    Codes    Notes avec étoiles
 



Notes avec étoiles  Notes avec étoiles




Présentation



Ce code permet de mettre en place un système de notation basé sur la sélection d'étoiles (survol et clic). Ce mécanisme permet de configurer le nombre d'étoiles ainsi qiue la gestion des occurences multiples sur une même page.

  Rubrique 1 Rubrique 2 Rubrique 3
Ligne1
Ligne2
Ligne3


Implémentation du système de notes



Le code est centralisé dans un fichier javascript "ListeEtoile.js". La fonction principale permet de créer une nouvelle liste d'étoiles au sein d'un élément div en acceptant en paramètre un identifiant pour la liste ainsi que le nombre d'étoiles à afficher pour la liste. Les deux fonctions associées permettent de traiter la gestion du survol des listes et la sélection d'une note.
L'ensemble des notes sélectionnées est retenu dans l'objet "ArrListeEtoile" employé comme un dictionnaire clé / valeur. Un label est également déclaré sous chaque liste pour afficher la note sélectionnée.



// Tableau de memorisation des notes pour chaque liste
var ArrListeEtoile = new Object();

// Fonction pour créer une nouvelle liste de notation
function CreateListeEtoile(idListe, nbEtoile)

// Fonction pour gérer le survol des listes de notation
function GestionHover(idListe, indice, nbEtoile)

// Fonction pour gérer la sélection de la note
function ChoixSelection(idListe, indice, nbEtoile)





<div id="monID">
<script type="text/javascript">
   CreateListeEtoile('monID',10);
</script>
</div>





TelechargementTélécharger l'exemple de notation avec étoiles