Systeme de notation

Soyez le premier à donner votre avis sur cette source.

Snippet vu 11 992 fois - Téléchargée 26 fois

Contenu du snippet

Un systeme de notation en CSS et en Javascript. A vous de l'adapter.

Source / Exemple :


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <title></title>
  <style>
  
  .notations
  {
   position : relative;
   border : 2px solid #000000;
   width : 155px;
   height : 20px;
  }
  </style>  
  
  <script>
  
  function notationobjet(objetnom,num)
  {
   var commentaire = new Array("Pffff","Bof","Mouais","Moyen","Correct","Normal","Bien","Cool","Super","Génial");
   var coultab = "02468ABCDEF";
   var i;
   var tp,tp2;
   for(i=0;i<10;i++)
   
   {
    tp = coultab.charAt(i);
    tp2 = coultab.charAt(10-i);
    var obj=document.getElementById(objetnom+i);
    var couleur = "#"+tp2+tp2+tp+tp+"00";
    if(i<num+1){obj.style.backgroundColor=couleur;}else{obj.style.backgroundColor="#FFFFFF";}
   }
   document.getElementById(objetnom+"com").innerHTML=commentaire[num];  
  }
  
  function validnotation(num)
  {
   alert(num+1);
  }
  
  function resetnotation(objetnom)
  {
   var i;//alert('cool');
   for(i=0;i<10;i++)
   
   {
    var obj=document.getElementById(objetnom+i);
    //alert(objetnom+i);
    obj.style.backgroundColor="#FFFFFF";
   }
  document.getElementById(objetnom+"com").innerHTML="";  
  }
  
  function notation(objetnom)
  {
  var i;
  var tmp="";
  var objet = document.getElementById(objetnom);
  for(i=0;i<10;i++)
  {
  //alert(objetnom);
      tmp +='<div id="'+objetnom+i+'" style="background-color:#FFFFFF;position:absolute;left:'+(15*i+1)+'px;top:1px;height:14px;width:14px;border:2px solid black;background-color:white;font-size:0px;" onclick="validnotation('+i+')" onmouseover="notationobjet(\''+objetnom+'\','+i+')" onmouseout="resetnotation(\''+objetnom+'\')"></div>';
  }
  objet.innerHTML = tmp+'<div id="'+objetnom+'com" style="position:absolute;font-size:14px;left:160px;top:1px;"></div>';
  }
  </script>
  
  </head>

  <body>
   <div id="note" class="notations"></div><script>notation("note");</script>
  </body>
</html>

A voir également

Ajouter un commentaire

Commentaires

ArthurJ972
Messages postés
3
Date d'inscription
lundi 27 décembre 2010
Statut
Membre
Dernière intervention
4 août 2015

Aucun commentaire dans le script donc inutile.
marinaweb
Messages postés
1
Date d'inscription
vendredi 25 juillet 2003
Statut
Membre
Dernière intervention
30 août 2010

Sert absolument à rien
tibob135
Messages postés
35
Date d'inscription
mercredi 15 août 2007
Statut
Membre
Dernière intervention
5 février 2008

sert a rien
cendre de lune
Messages postés
10
Date d'inscription
jeudi 7 octobre 2004
Statut
Membre
Dernière intervention
29 septembre 2007

Bonjour,

Pour les novices, le fichier readme.txt manque vraiment d'information sur l'installion, c'est bien dommage, j'abandonne sur celui-ci.

Merci tout de même

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.