Bonsoir,
Je découvre HTML5 et JavaScript. Donc, je me suis un peu amusé, et j'ai rédigé un script qui permet de dessiner une sorte de jauge circulaire dont le rôle est d'afficher une valeur exprimée en pourcent.
Cliquez sur ce premier lien pour voir le résultat pour un affichage statique, et sur celui-ci pour un affichage animé.
Pour fonctionner, ce script a besoin de deux informations. Une valeur numérique, 75 pour 75% par exemple, et une valeur booléenne qui si elle est vraie, présente la jauge animée, sinon la présente statique.
Donc, dans l'absolue c'est parfait. Seulement voilà, j'aimerai que ce script soit capable de générer une, ou plusieurs jauges, l'idée étant alors de passer les paramètres sous forme de deux listes, une contenant les valeurs numériques et une seconde,les valeurs booléennes.
Et là je sèche...
Imaginons que je veuilles 3 jauges, la première doit afficher 30 et sera statique, la seconde affichera 40, statique, et la troisième 50, animée.
Mon script est actuellement invoqué depuis du code HTML produit manuellement ainsi :
Le fichier de script se trouve au même endroit que le fichier HTML qui le déclare dans son entête.
Code : Sélectionner tout - Visualiser dans une fenêtre à part <script>jauge(94, true);</script>
La question :
Comment puis-je écrire dans mon code HTML l'appel de ma fonction jauge avec en paramètre deux listes, genre jauge({30, 40, 50},{false, false, true}) ?
Et comment puis-je récupérer ces valeurs côté javascript ?
Merci pour votre aide.
Partager