Ce script est déclaré obsolète. Il n'est conservé que pour information.
Le célèbre script de notation des scripts de Tout JavaScript est disponible. Permet de donner une note grâce à un astucieux système de jauge et de smileys
<HTML><HEAD><TITLE>Tout JavaScript.com - Notation par curseur et smileys</TITLE><SCRIPT LANGUAGE="JavaScript">// Script créé par et pour Tout JavaScript.com http://www.toutjavascript.com// Utilisation gratuite à condition de laisser les commentaires d'origine// CreerCurseur(nom,min,max,pas,largeur,hauteur,gifon,gifoff,gifmoins,gifplus,delai)var note=new CreerCurseur("note",0,10,1,10,18,"curson.gif","cursoff.gif","moins.gif","plus.gif",200);function CreerCurseur(nom,min,max,pas,largeur,hauteur,gifon,gifoff,gifmoins,gifplus,delai) { this.nom=nom; this.valeur=Math.round((max-min)/2+2); this.action=0; this.delai=delai; this.min=min; this.max=max; this.pas=pas; this.largeur=largeur; this.hauteur=hauteur; this.gifon=gifon; this.gifoff=gifoff; this.gifmoins=gifmoins; this.gifplus=gifplus; this.Plus=PlusCurseur; this.Moins=MoinsCurseur; this.Affecte=AffecteCurseur; this.Affiche=AffCurseur; this.Update=UpdateCurseur;}// Cette fonction est appelée par le bouton OK pour valider la notefunction NoteScript() { document.forms["notation"].elements["lanote"].value=note.valeur; // faire le submit si vous voulez envoyer la note au serveur document.forms["notation"].submit();}function AffCurseur() { var Z="<A href='#' onmouseover='javascript:eval(""+this.nom+".action=-1");eval(""+this.nom+".Moins()")' onmouseout='javascript:eval(""+this.nom+".action=0")'><IMG src='"+this.gifmoins+"' border=0 height="+this.hauteur+" alt='MOINS !'></A> "; for (var i=this.min;i<this.max;i++) { if (i<this.valeur) {gif=this.gifon;} else {gif=this.gifoff;} Z+="<A href='#' onmouseover='javascript:eval(""+this.nom+".Affecte("+((i+1)*this.pas)+")")'>"; Z+="<IMG name="+this.nom+i+" src='"+gif+"' width="+this.largeur+" height="+this.hauteur+" border=0 alt='"+this.nom+" : "+(this.pas*(i+1))+"'>"; Z+="</A>"; } Z+=" <A href='#' onmouseover='javascript:eval(""+this.nom+".action=1");eval(""+this.nom+".Plus()")' onmouseout='javascript:eval(""+this.nom+".action=0")'><IMG src='"+this.gifplus+"' border=0 height="+this.hauteur+" alt='PLUS !'></A>"; document.write(Z);}function PlusCurseur() { this.valeur+=this.pas; if (this.valeur>this.max) {this.valeur=this.max} this.Update(); if (this.action==1) {setTimeout(this.nom+".Plus()",this.delai);}}function MoinsCurseur() { this.valeur-=this.pas; if (this.valeur<this.min) {this.valeur=this.min} this.Update(); if (this.action==-1) {setTimeout(this.nom+".Moins()",this.delai);}}function AffecteCurseur(val) { this.valeur=val; this.Update();}function UpdateCurseur() { for (var i=this.min;i<this.max;i++) { if (i<this.valeur) {gif=this.gifon;} else {gif=this.gifoff;} document.images[this.nom+i+""].src=gif; } Update("imgnote",this.valeur,this.max);}function Update(img,val,max) { if (val<=max) {src='note4.gif'} if (val<Math.floor(max*0.8)) {src='note3.gif'} if (val<Math.floor(max*0.6)) {src='note2.gif'} if (val<Math.floor(max*0.3)) {src='note1.gif'} document.images[img].src=src;}function load() { if (document.images) { this.length=load.arguments.length; for (var i=0;i<this.length;i++) { this[i+1]=new Image(); this[i+1].src=load.arguments[i]; } }}function preload() { var temp=new load("note1.gif","note2.gif","note3.gif","note4.gif","btnokon.gif");}</script></HEAD><BODY bgcolor="white" onload="preload();"><FONT color=navy face=arial size=2><CENTER> <BIG><B>Notation par curseur et smileys</B></BIG><BR></CENTER><BR>Avec ce script, vous donnez la possibilité à vos visiteurs de choisir une note par un système simple, intuitif et attirant. Fonctionne avec tous les navigateurs de versions 4 et +.<BR>Vous pouvez choisir le nombre de notes, de 1 à 5, de 0 à 10 ou même de 0 à 100 si vous voulez !<BR>Le clic sur le bouton (OK) alimente la zone de formulaire, que vous pouvez cacher, et permet ainsi de transmettre le résultat au serveur.<BR><CENTER> <FORM name='notation' action="notation.php" method=post> <B><FONT color=white size=2>Donnez une note de 0 à 10 :</FONT></B><br> <script type="text/javascript"> // Affiche la jauge de notation note.Affiche(); </script> <IMG id=imgnote name=imgnote src='note3.gif' alt='Votre note :' border=0 width=15 height=15> <A href="javascript:NoteScript()" onmouseover="document.images['okvote'].src='btnokon.gif'" onmouseout="document.images['okvote'].src='btnokoff.gif'"><IMG id=okvote name=okvote src="btnokoff.gif" alt="Noter ce script" border=0 width=18 height=18></A> <BR> 1 Choisissez une note<BR> 2 Cliquez sur OK pour valider.<BR> <INPUT type=text name=lanote size=3> <SMALL>Pour cacher cette zone, remplacez <I>type=text</I> par <I>type=hidden</I></SMALL> </FORM></CENTER> <BR><BR> Pour installer le script, éditez ce fichier en mode texte.<BR><BR> REM : Le javascript ne permet pas d'accéder à une base de données.<BR> Le script PHP de traitement de la note est disponible. Voir également <A href="http://www.toutjavascript.com/savoir/savoir24.php3" target=_blank>le tutorial PHP</A> <BR><BR><BR><BR><BR><BR> <CENTER><SMALL><FONT COLOR="#CCCCFF"><A href="http://www.toutjavascript.com">Tout JavaScript.com</A></FONT></SMALL></CENTER></FONT></BODY></HTML><!-- D'autres scripts et des conseils sur http://www.toutjavascript.com -->
En savoir plus
