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

COMMENT PRESENTER DES VALEURS SOUS FORME DE DIAGRAMME.

par André Marini 19 Avril 2015, 10:37 Astuces de blogueur

Pour présenter des valeurs ou des résultats sous forme de diagramme, il suffit d'utiliser les code suivant. 

 

CODE

 

<p><strong>0</strong>&nbsp;<meter high="16" low="8" max="20" min="0" optimum="20" style="width:450px; height:15px; border:solid 1px grey;" title="12/20" value="12">12/20</meter>&nbsp;<strong>20</strong></p>

 

RESULTAT
 

0 12/20 20

En plaçant la pointe de votre souris à la fin de la barre, vous voyez apparaître la notation 12/20.

MODIFICATIONS.

Pour modifier les valeurs de ce diagramme, il convient de modifier à la même valeur "title", "value" ainsi que ce qui se trouve entre la fermeture et l'ouverture de balise.

Vous verrez ainsi que la couleur varie en fonction de la valeur.

 

EXEMPLE AVEC 4/20

 

<p><strong>0</strong>&nbsp;<meter high="16" low="8" max="20" min="0" optimum="20" style="width:450px; height:15px; border:solid 1px grey;" title="4/20" value="4">4/20</meter>&nbsp;<strong>20</strong></p>

 

0 4/20 20

EXEMPLE AVEC 16/20

 

<p><strong>0</strong>&nbsp;<meter high="16" low="8" max="20" min="0" optimum="20" style="width:450px; height:15px; border:solid 1px grey;" title="16/20" value="16">16/20</meter>&nbsp;<strong>20</strong></p>

 

0 16/20 20

 

QUELQUES VALEURS

0 SUR 20

0 0/20 20

 

2 SUR 20

0 2/20 20

 

6 SUR 20

0 6/20 20

 

10 SUR 20

0 10/20 20

 

12 SUR 20

0 12/20 20

 

14 SUR 20

0 14/20 20

 

18 SUR 20

0 18/20 20

 

20 SUR 20

0 20/20 20

commentaires

Haut de page