Vos recrutements informatiques

700 000 développeurs, chefs de projets, ingénieurs, informaticiens...

Contactez notre équipe spécialiste en recrutement

JustGage.js : des jauges dans votre site web

Le , par FirePrawn, Expert éminent sénior
sans avoir besoin de vous soucier de la résolution d'écran

JustGage est un plugin javascript simple qui vous permettra de créer et d'intégrer à votre site web des jauges (comme un compteur kilométriques par exemple).

Ce plugin offre plusieurs avantages comme le style des jauges qui est simple et attrayant.
Mais le plus important de tous ses avantages est que les jauges sont indépendantes de la résolution d'écran et s'ajustent d'elles-mêmes.
En effet le plugin est basé sur la librairie Raphaël.
De plus, c'est du pur SVG, le plugin fonctionne donc sur presque tous les navigateurs du marché (IE6+, Firefox, Chrome, Android, etc.).

Son utilisation est simpliste.
Il vous suffit d'intégrer le plugin ainsi que le script Raphaël à votre page html, de créer une div avec un id et une taille, et de créer votre jauge grâce à la fonction javascript justGage(id, value). Ci-dessous un exemple de création de jauge :

Code : Sélectionner tout
1
2
    <script src="raphael.2.1.0.min.js"></script> 
    <script src="justgage1.0.min.js"></script>
Code : Sélectionner tout
    <div id="gauge" class="200x160px"></div>
Code : Sélectionner tout
1
2
3
4
5
6
7
8
9
    <script> 
    var g = new JustGage({ 
    id: "gauge", 
    value: 67, 
    min: 0, 
    max: 100, 
    title: "Visitors" 
    }); 
    </script>
Comme l'exemple le montre, c'est très simple d'utilisation.
Cependant, il vous est possible de personnaliser vos jauges, les paramètres, l'apparence.
Une démonstration est disponible sur le site du projet.

Télécharger JustGage.js

Source : JustGage.com

Et vous ?

Avez-vous déjà eu besoin de telles jauges dans un de vos sites ?
Si oui, avez-vous été confronté à un problème relatif à la résolution d'écran ?


Vous avez aimé cette actualité ? Alors partagez-la avec vos amis en cliquant sur les boutons ci-dessous :
Offres d'emploi IT
Développeur WEB PHP F/H
VACALIANS GROUP - Languedoc Roussillon - SETE (34)
Développeur Web FULL-STACK
VACALIANS GROUP - Languedoc Roussillon - SETE (34)
RESPONSABLE WEB ANALYTICS F/H
VACALIANS GROUP - Languedoc Roussillon - SETE (34)

Voir plus d'offres Voir la carte des offres IT
Responsable bénévole de la rubrique JavaScript : Xavier Lecomte -