ICI header("Location: http://www.mytesting.fr ");

COMMENT FAIRE UNE ECHELLE DE NOTATION AVEC UN CURSEUR.

par André Marini 3 Janvier 2015, 19:07 Astuces de blogueur

COMMENT FAIRE UNE ECHELLE DE NOTATION AVEC UN CURSEUR.

Dans ce code, on peut changer le mini, le maxi, la valeur médiane et la largeur qui est ici de 200px.

On peut aussi introduire la valeur style="height:10px;" ainsi que la valeur des marges.

 

CODE

<form onsubmit="return false" oninput="resultat.value = echelle.valueAsNumber;">
<div style="border:solid 1px silver; padding:5px;">
<input id="echelle" name="echelle" type="range" min="0" max="20" value="10" style="width:200px;" />
<output id="resultat" for="echelle" style="margin:0px; padding:0px;">10</output>/20
</div>
</form>

 

RESULTAT

 

10/20

 

EXEMPLE DE 0 A 100

 

J'ai changé la valeur de la longueur mise à 400px

mini à 0

maxi à 100

médian à 50

 

CODE

 

<form onsubmit="return false" oninput="resultat.value = echelle.valueAsNumber;">
<div style="border:solid 1px silver; padding:5px;">
<input id="echelle" name="echelle" type="range" min="0" max="100" value="50" style="width:400px;" />
<output id="resultat" for="echelle" style="margin:0px; padding:0px;">50</output>/100
</div>
</form>

 

RESULTAT

50/100

commentaires

Haut de page