Compteur JS graphique ?
Résolu
masirkkisoi
Messages postés
97
Date d'inscription
Statut
Membre
Dernière intervention
-
rudak Messages postés 590 Date d'inscription Statut Membre Dernière intervention -
rudak Messages postés 590 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
j'ai un compteur "de visite" écrit en javascript sur mon site intranet, il marche très bien mais je voulais savoir s'il existe un moyen d'avoir un affichage graphique sachant que les PC qui auront accès au site intranet n'auront pas de connections internet.
Merci d'avance !
j'ai un compteur "de visite" écrit en javascript sur mon site intranet, il marche très bien mais je voulais savoir s'il existe un moyen d'avoir un affichage graphique sachant que les PC qui auront accès au site intranet n'auront pas de connections internet.
Merci d'avance !
A voir également:
- Compteur JS graphique ?
- Compteur électrique - Guide
- Changer carte graphique - Guide
- Compteur contractions - Télécharger - Santé & Bien-être
- Comment ralentir un compteur linky forum - Accueil - Objets connectés
- Graphique sparkline - Guide
2 réponses
Plusieurs solutions s'offrent à toi, en fonction de ce que tu entends pas « graphique ».
Par exemple, tu peux créer une image pour chaque chiffre, et pour l'affichage, au lieu de remplacer un texte par un autre, tu composes les images en fonction du nombre de visites.
Par exemple, on peut imaginer un script de ce genre :
Ce script présuppose deux choses :
- tes images sont enregistrées sous les noms 0.png, 1.png, 2.png, etc.
- tu déclares dans le code HTML autant d'images que d'ordres de grandeurs voulus, de cette façon : <img src='' id='compteur1' />, <img src='' id='compteur10' />, <img src='' id='compteur100' />, etc.
Ça, c'est la méthode javascript simple.
Il y a d'autres méthodes. Par exemple, en PHP, tu peux créer une image à la volée et l'afficher dans ta page, via les fonctions de la bibliothèque gd ( https://www.php.net/manual/fr/ref.image.php ). Comme ça, tu appelles ton image de la façon suivante :
document.getElementById('compteur').src = 'compteur.php?valeur=54265' , dans ta page compteur.php tu calcules l'image et la renvoies, et hop t'as un compteur personnalisé comme tu le veux. Ça permet de faire des choses plus jolies qu'avec la méthode précédente, mais c'est moins simple à mettre en oeuvre.
Xavier
Par exemple, tu peux créer une image pour chaque chiffre, et pour l'affichage, au lieu de remplacer un texte par un autre, tu composes les images en fonction du nombre de visites.
Par exemple, on peut imaginer un script de ce genre :
function afficherCompteur(compteur)
{
var puissance = 1;
while (compteur > 0)
{
var chiffre = compteur % 10;
document.getElementById('compteur' + puissance).src = chiffre + '.png';
puissance = puissance * 10;
compteur = (compteur - chiffre) / 10;
}
}
Ce script présuppose deux choses :
- tes images sont enregistrées sous les noms 0.png, 1.png, 2.png, etc.
- tu déclares dans le code HTML autant d'images que d'ordres de grandeurs voulus, de cette façon : <img src='' id='compteur1' />, <img src='' id='compteur10' />, <img src='' id='compteur100' />, etc.
Ça, c'est la méthode javascript simple.
Il y a d'autres méthodes. Par exemple, en PHP, tu peux créer une image à la volée et l'afficher dans ta page, via les fonctions de la bibliothèque gd ( https://www.php.net/manual/fr/ref.image.php ). Comme ça, tu appelles ton image de la façon suivante :
document.getElementById('compteur').src = 'compteur.php?valeur=54265' , dans ta page compteur.php tu calcules l'image et la renvoies, et hop t'as un compteur personnalisé comme tu le veux. Ça permet de faire des choses plus jolies qu'avec la méthode précédente, mais c'est moins simple à mettre en oeuvre.
Xavier
je teste et je te tiens au courant