Yet more gauges

[RayProudfoot]

Thanks Mark, I'll probably overtype the values. Incidentally, your own lat/lon is missing N and W. I know that but others won't.

And the gauges link on your new gauges page is a bad path.

[mcrossley]

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.

[meteotortosa]

For me, I prefer the another layout

[mcrossley]

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!

[gemini06720]

Mark, it seems the temperature gauge has lost it ability to change from outside to inside and back to outside...

[mcrossley]

Ray, so it does! Thanks. The auto-ranging goes into a tight loop. A one line change in "gauges.js", version 0-7a now posted above.

[gemini06720]

Ray, so it does! Thanks. The auto-ranging goes into a tight loop.

Is that why my computer was making those odd noises...

...but I will not be able to work on this again today.

Mark, what about that statement???

[mcrossley]

That wasn't real work

[JimDantin]

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!

Thanks for your development and debugging efforts -- having the test page is a great way for us to tweak things into what we want on our individual websites, but still provide a similar look.

One question/observation -- should the forecast appear immediately or does it have to wait for the first 30 second refresh? I'm seeing a blank box at first.

A suggestion -- since I succeeded in quickly bollixing up the countdown display by tweaking my Google Chrome browser font size, I suggest reworking the countdown box to just show the seconds and move the word "seconds" to be plain text to the right of the box.

[mcrossley]

Jim

The blank box shouldn't happen, it seems to be something to do with the font download. Sometimes it seems that the font isn't there yet when the gauge needs to use it. I'll see if I can put a hidden bit of text on the page that uses the same font to force the download to start earlier, or even just try moving the CSS link up to the top of the header. I've never used web/browser based fonts before, so maybe I'll hit Google....

I did have the "seconds" text outside the gauge originally, but it just looks 'nicer' in the LCD

[JimDantin]

OK -- thanks

FYI, I like the 4 column x 2 row gauge layout you used on your website and plan on stealing that arrangement for my website

I know we're working on test deployments, but I can't seem to figure out the proper configuration of Cumulus Internet files, the actual gauges-ss.htm, and the JS changes so that everything can be deployed in the "normal" website folders (rather than a completely separate folder for gauges-ss). I would expect to add the Steel Series objects to the existing css, scripts, and font folders at the website's root level, while gauges-ss.htm would reside in the same folder as gauges.htm.

I'm just a neat freak!

[gemini06720]

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.

[bnwrx]

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!

Assuming you tinker around and find something you like, how then do you modify the scripts to get that look and which scripts do you modify? I am trying to learn all this....

Thanks

[mcrossley]

You need to modify gauges.js. Starting around line 120 you have:

Code: Select all

//Gauge look'n'feel settings
var minMaxArea = 'rgba(212, 132, 134, 0.3)';  //area sector for todays max/min
var g_frameDesign = steelseries.FrameDesign.TILTED_GRAY;
var g_background  = steelseries.BackgroundColor.BEIGE;
var g_foreground = steelseries.ForegroundType.TYPE3;
var g_pointer = steelseries.PointerType.TYPE8;
var g_pointerColour = steelseries.ColorDef.BLUE;
var g_gaugeType = steelseries.GaugeType.TYPE4;
var g_lcdColour = steelseries.LcdColor.STANDARD;
var g_knob = steelseries.KnobType.STANDARD_KNOB;
var g_knobStyle = steelseries.KnobStyle.SILVER;
var g_labelFormat = steelseries.LabelNumberFormat.STANDARD;

These are all the config items, I think all the upper case values in the demo drop down boxes should be directly replaceable for the upper case items in the code above - ie the just the .LAST bit.

If you do change stuff, don't forget to back it up before loading the next test version

[bnwrx]

OK, thank you!