Des jauges dynamiques à partir d'un template GW

[paaubert]

Bonjour,

A la base c'est un script écrit pour cumulus http://wiki.sandaysoft.com/a/SteelSeries_Gauges après pas mal de travail, je ne vais pas vite, car très ignorant en PHP et JS, mais avec un peu de volonté, je suis arrivé à modifier ce script pour qu'il fonctionne à partir d'un fichier txt généré par GW.
le template GW est dispo ici http://www.boock.ch/meteo/gauges_SteelS ... ugesGW.txt et il faut l'exporter dans le même répertoire des jauges sous le nom : realtimegauges.txt

Vous pouvez voir ma version en fonction ici http://www.boock.ch/meteo/gauges_stelserie.php

Les jauges sont personnalisables, j'ai mis une version de démo avec les différentes options ici http://www.boock.ch/meteo/gauges_stelse ... radial.php
utilisez les menus défilants pour changer l'apparence des jauges.

Pour ceux qui utilisent Cumulus, il n'ont pas besoin de passer par GW, tout est expliqué sur le site wiki de sandaysoft.

Je précise encore une fois que le script original n'est pas de moi, donc pour d'éventuelles modifications, je peux regarder, mais dans la limite de mes faibles connaissances

un tuto est disponible ici, (en cours de rédaction) http://www.boock.ch/meteo/tuto_steelser ... ies_01.php

A+

17.07.jpg

[Micharnaud]

tu es genial et je suis intereser merci pour ce travail

[Micharnaud]

je ne trouve rien pour le téléchargement merci de ton aide

[paaubert]

http://wiki.sandaysoft.com/a/SteelSeries_Gauges
en bas de page

c'est le script original et il y aura des fonction qui ne fonctionnerons pas car GW n'as pas toutes les balises correspondantes, mais tu peux déjà essayer ça fonctionne.
En fonction de la demande je vais fignoler le script et le mettre à dispo avec un tutoriel

A+

[Micharnaud]

merci ca marche mais les graphiques n'apparaisse pas
tout est en Français sur ta page alors que sur la mienne c'est en anglais
http://leran-station-meteo.fr/gauges.html
et comment faire pour changer la couleur du texte qui ce trouve sous les gauges merci de ton aide et de ta patience

[paaubert]

pour mettre en français, ligne 15 du fichier gauges.js

var strings = LANG.FR,

Pour la couleur c'est du pur html, il faut éditer le fichier html

A+

[Micharnaud]

merci pour la langue
et pour les graphiques

[Micharnaud]

je ne trouve pas pour changer la couleur du texte que j'ai encadré sur l'image merci de ton aide

[paaubert]

c'est une simple page html
ouvre la page gauges-ssT.htm avec un éditeur html et change la couleur, comme tu le fais dans n'importe quelle page de ton site.

par exemple
<font color="#FF0000"><label id="lab_temp2" for="rad_temp2">Inside</label>
</font>

A+

[Micharnaud]

merci je chercher une couleur alors qu'il fallait juste l'ajouter

[Micharnaud]

je trouve dommage que personne ne te remercie pour ton partage et ton travail une fois de plus
Alors voila merci pour ton travail qui une fois de plus et remarquable ce site est vivant grasse a des personne comme toi et d'autre qui partage et réponde toujours présent merci a toi et a la communauté
Michel

[g9300_1]

Bonjour
félicitation à Paaubert
moi je l'ai modifier pour wswin
http://www.meteoneuillysurmarne.fr/jauges.html

[Micharnaud]

comment faite vous pour les graphiques qui apparaisse au passage de al sourie ?

[paaubert]

comment faite vous pour les graphiques qui apparaisse au passage de al sourie ?

ligne 21 du fichier gauges.js

imgPathURL : '../images-graph/', //*** Change this to the relative path for your 'Trend' graph images

indiquer le chemin d'accès au répertoire qui contient les graphiques

A partir de la ligne 184

config.realTimeURL = config.realTimeURL_Cumulus;
// the trend images to be used for the popup data, used in conjuction with config.imgPathURL
// by default this is configured for the Cumulus 'standard' web site
// ** If you specify one image in a sub-array, then you MUST provide images for all the other sub-elements
config.tipImgs = [ // config.tipImgs for Cumulus users using the 'default' weather site
['minitemp.png', 'intemp.png'], // Temperature: outdoor, indoor
// Temperature: dewpoint, apparent, windChill, heatIndex, humidex
['temp.png', 'minirosee.png', 'temp.png', 'temp.png', 'temp.png'],
'minirain.png', // Rainfall
'minirain.png', // Rainfall rate
['minihumidite.png', 'minihumidite.png'], // Humidity: outdoor, indoor
'minipression.png', // Pressure
'minivent.png', // Wind speed
'windd.png', // Wind direction
(config.showUvGauge ? 'miniuv.png' : null), // UV
(config.showSolarGauge ? 'minisolaire.png' : null), // Solar rad
(config.showRoseGauge ? 'minivent.png' : null) // Wind direction for Wind Rose
];

indiquer le nom de chaque graphiques.

A+

[kocher]

Félicitations, encore une fois, à Pierre-André

Pour une raison inconnue, mon dossier "realtimegauges.txt" est comme suit:

http://kocher.es/realtimegauges.txt
??