Bonjour à tous,
J'ai récemment codé une jauge circulaire avec canvas. J'ai limité de 1 à 30 l'input. J'ai modifié le .js pour se faire.
Maintenant mon problème c'est que j'aimerai que la jauge avance de 1 à 30 de façon automatique.
J'ai essayé de chercher avec la fonction onload, mais je n'arrive pas à l'intégrer.
Voici le résultat actuel :
http://www.monserrurierparis.com/test.php
mon code html:
et ici pour ma feuille .js qui est hébergée sur mon site
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5 <div style="display:inline;width:200px;height:200px;"> <canvas height="200px" width="200"></canvas> <input type="text" class="knob" value="1" max="30" min="1" data-fgcolor="#66EE66" data-angleoffset="180" data-width="150" style="width: 104px; height: 66px; position: absolute; vertical-align: middle; margin-top: 66px; margin-left: -152px; border: 0px none; background: none repeat scroll 0% 0% transparent; font: bold 40px Arial; text-align: center; color: rgb(102, 238, 102); padding: 0px;"> </div>
Merci pour votre aide !
Partager