Page 12 of 15
Re: Yet more gauges
Posted: Wed 06 Jul 2011 1:15 am
by meteotortosa
mcrossley wrote:meteotortosa, what do you mean? The layout of the gauges on the page? or something else?
I have tried to fit them into the 'standard' Cumulus web site format as a starting point, but feel free to alter to your needs. I have changed the layout on
my website.
Just like the templates Steve provides with Cumulus, most people modify them a little or a lot as they learn and get more confident. I'm not precious about what you do with them
You can also go back to my
demo page, and play around with the gauge 'look and feel' settings, find something that you like, and modify these scripts to that look. In fact I'd encourage people to do that so we don't all end up with identical looking gauges!
My english is too bad, I'm sorry.
Yes, I prefer layout like v0.5
Re: Yet more gauges
Posted: Wed 06 Jul 2011 2:22 am
by bnwrx
mcrossley wrote:Update for today, version 0-7.
Implements the following changes:
- Updated gauges.js:
- Reintroduced cache defeat on realtimegauges.txt GET (IE9 requirement)
- Added minimum ranges to barometer scale; 970-1040 hPa or 29.0-30.5 inHg
- Improved handling/gauge appearance of inHg and inches of rain units
- Improved temperature range handling; now C: -40 to +60, F: -30 to +130
- Updated steelseries.js:
- fix for small fonts on some browser/OS/driver combinations.
- added 'blinking' method to the sensor warning led.
- added variable number of decimals on fractional scales
Feedback welcome, but I will not be able to work on this again today.
In the new version(7a) Did all files change or just certain ones?
Sorry, I just realised just these 2 scripts changed.
Re: Yet more gauges
Posted: Wed 06 Jul 2011 4:12 am
by bnwrx
bnwrx wrote:mcrossley wrote:Update for today, version 0-7.
Implements the following changes:
- Updated gauges.js:
- Reintroduced cache defeat on realtimegauges.txt GET (IE9 requirement)
- Added minimum ranges to barometer scale; 970-1040 hPa or 29.0-30.5 inHg
- Improved handling/gauge appearance of inHg and inches of rain units
- Improved temperature range handling; now C: -40 to +60, F: -30 to +130
- Updated steelseries.js:
- fix for small fonts on some browser/OS/driver combinations.
- added 'blinking' method to the sensor warning led.
- added variable number of decimals on fractional scales
Feedback welcome, but I will not be able to work on this again today.
I installed, but temp gauge range is only 30F to 100F?
Re: Yet more gauges
Posted: Wed 06 Jul 2011 8:27 am
by mcrossley
Bob, the temp gauge will (should
) auto range between -30 and 130 F. The gauge will only display a 70 degree range at any one time.
Re: Yet more gauges
Posted: Wed 06 Jul 2011 12:53 pm
by JimDantin
gemini06720 wrote:JimDantin wrote:I'm just a neat freak!
Jim if you were a 'real' neat freak, then you would have no file installed into the root directory (or root folder) of your Web server.
I am a 'real' neat freak and the root directory of my Web servers has only two files, an 'index.html' and an '.htaccess' - that is it. Everything else is located into sub-directories (or sub-folders).
For example, my Cumulus-related files are located into the 'cumulus' directory, one level below the root directory. I then have number of sub-directories such as 'css', 'js', 'images' (just to name a few) one level below the 'cumulus' directory.
If you prefer to install all the template/file/CSS & JS scripts producing the page where the gauges are located (such as 'gauges-ss.htm') into the main directory (where all your other templates/files/scripts are located), then you will need to modify some of the path statements in the 'gauges-ss.htm' as well as in the 'gauges.js' and in the 'gauges-ss.css' files.
OK -- I guess I didn't explain myself clearly
-- I am not planning to put all the files in ONE big root folder -- I simply wanted the gauges-ss stuff in the same relative folders as the other Cumulus-related items (all htm pages together, all css in one \css subfolder, all scripts in one \scripts subfolder, etc.). I just want to eliminate the separate branch of /gauges-ss with its own /gauges-ss/css, gauges-ss/scripts, etc)
Re: Yet more gauges
Posted: Wed 06 Jul 2011 1:20 pm
by bnwrx
mcrossley wrote:Bob, the temp gauge will (should
) auto range between -30 and 130 F. The gauge will only display a 70 degree range at any one time.
Thanks for the explanation and many thanks for your efforts on these very cool gauges!
Re: Yet more gauges
Posted: Wed 06 Jul 2011 1:35 pm
by mcrossley
Thanks Bob. It will be nice to see what different looks people can come with for their own implementations
Anyway another updated v0-8. This just sees some tidying and prettying really, so maybe we are getting close to a 1.0 release
- Updated ddimgtooltip.js & ddimgtooltip.css
- Moved all formating out to the CSS file (courtesy of Ray)
- Added rounded corners and slightly large graph image (courtesy of Ray)
- Updated realtimegaugesT.txt
- Added <#timeUTC> data
- Updated parseRealtime.js
- Added timeUTC handling
- Updated gauges.js
- Added functionality to display error message, and flash status LED if the data is 'stale' because the realtime file is not updating.
- Added string LANG.led_title_offline
- Added g_stationOfflineTimeout variable to determine offline limit
This page is already running on this code if you want a peek.
Re: Yet more gauges
Posted: Wed 06 Jul 2011 7:49 pm
by mcrossley
I've spotted some 'issues' with v0-8 Farenheit gauges (no coloured sectors unless the range changes, I forgot to change one bit of code), and the Inches Rain Rate gauge (the scale is only 1 decimal place should be two - a typo
) I'll fix these problems tomorrow.
Anyone done any 'custom' colour schemes yet?
Re: Yet more gauges
Posted: Wed 06 Jul 2011 8:01 pm
by JimDantin
Regarding the Rain Rate for Imperial sites -- I suggest using only 1 decimal point, but set the default gauge for a 0 to 1.0 inches/hour rate. The superfine resolution is really not needed.
Re: Yet more gauges
Posted: Wed 06 Jul 2011 8:23 pm
by mcrossley
Jim, what about the rain total, start that with a 0.0 - 1.0 inch range too? I was using 0.5 in as the metric gauges have a start range of 0 - 10 mm. Anybody else have a view on the ranges?
Re: Yet more gauges
Posted: Wed 06 Jul 2011 10:34 pm
by bnwrx
Just a comment. I am noticing that in the FireFox browser, the "refresh countdown box" the 1st digit is not displayed only the 2nd digit. IE: 23seconds show only 3 seconds. In Chrome and IE9 the box shows perfectly. Is this just a nuance of the FF browser?
Re: Yet more gauges
Posted: Wed 06 Jul 2011 11:24 pm
by JimDantin
mcrossley wrote:Jim, what about the rain total, start that with a 0.0 - 1.0 inch range too? I was using 0.5 in as the metric gauges have a start range of 0 - 10 mm. Anybody else have a view on the ranges?
I am happy with 0.0 to 1.0 inch as the starting rainfall range.
Re: Yet more gauges
Posted: Thu 07 Jul 2011 12:14 am
by gemini06720
bnwrx wrote:I am noticing that in the FireFox browser, the "refresh countdown box" the 1st digit is not displayed only the 2nd digit. IE: 23 seconds show only 3 seconds. In Chrome and IE9 the box shows perfectly. Is this just a nuance of the FF browser?
Bob, which version of Firefox are you using? Have you made any modification to either the 'gauges-ss.htm' or the 'gauges.js' file?
I have finally moved to version 5.0 (after tweaking a few extensions) and the timer is showing both digits. I also played with the zoom function of the browser and the size of the characters used for the digits did not change. I have tested after deactivating the digital font and, again, the timer was showing both digits.
But Firefox has not been the best browser to display correctly the gauges - it seems their support of HTML5 is not yet fully compliant to the sandard - in my tests, Google Chrome has been the only browser to give consistent results.
If you are interested in doing some testings, here is a modification you could try - please remember, thought, that the file you are about to modify will be overwritten with the next update of the gauges script.
Hopefully you do have an editor such as
Notepad++ (a very popular freeware and very versatile editor) - I am going to use Notepad++ to make the following modifying the script.
IMPORTANT: Before you make any modification to any of the the script, it is
STRONGLY suggested that you make a backup copy of the file 'gauges.js' which you are about to modify.
Start Notepad++ and browse (look for) the file 'gauges.js' - if you have installed the gauges using the default settings (and paths), the file 'gauges.js' should be in the 'scripts' directory inside the 'gauges-ss' directory. Once you have the file 'gauges.js' loaded, go to line 276:
Code: Select all
width : (g_count.toString().length * 13) + (LANG.timer.length * 6),
replace the 13 with 23
Code: Select all
width : (g_count.toString().length * 23) + (LANG.timer.length * 6),
This modification will increase the width of the count-down timer display. Please post your comments/results concerning the suggested modification. Thanks.
Re: Yet more gauges
Posted: Thu 07 Jul 2011 12:31 am
by bnwrx
Mark, I am using FF 5. I will try your mods but not until tomorrow.
Thanks
Re: Yet more gauges
Posted: Thu 07 Jul 2011 12:56 am
by gemini06720
bnwrx wrote:Mark, I am using FF 5. I will try your mods but not until tomorrow.
Bob, I am not Mark...
And tomorrow will be fine...
