Author Topic: steel gauges (Read 20534 times)

tnwxman · « **Reply #75 on:** February 03, 2013, 03:35:14 PM »

Hi Kerry,

Success I did get the new version to work. Thank you for your input on making the dew point change. I also want to thank Ryan for getting me pointed in the right direction with gauges page.

Question when I look at he gauges-ss.htm the wind direction shows correctly with degrees. I took the gauges-ss.htm and included into a php page so I could get the header footer, gizmo etc. to show for continuity with the rest of my site. Now when you look at gauges-ss.php I am getting a capital 'A' with a small bent line above the A then the degree sign. Any ideas why that is happening?

http://lebanontnwx.org/gauges-ss.htm

http://lebanontnwx.org/gauges-ss.php

Thanks.

Bob

tobyspond · « **Reply #76 on:** February 03, 2013, 04:55:44 PM »

Hi Bob,

I think this is the problem:



it should be:



Kerry

tnwxman · « **Reply #77 on:** February 03, 2013, 06:06:48 PM »

Hi Kerry,

Thanks. Made the changes the results are still the same. Again by itself no A but once inside php then the A appears. Other suggestions?

Bob

tobyspond · « **Reply #78 on:** February 03, 2013, 06:52:28 PM »

Hi Bob,

I noticed that you do not have the current steelseries javascript file. You should be using steelseries_tween.min.js and make sure you have uploaded all the new script files and make sure you are calling them correctly in your php file. It should look like the html page. That may fix the problem.

If not the problemimay be with the encoding. The gauges need UTF-8. I do not use The Saratoga templates, so I am not sure how to fix it.

Kerry

tnwxman · « **Reply #79 on:** February 03, 2013, 07:17:34 PM »

Hi Kerry,

I will double check that. As noted above look at the html page it works correct. In the php all I do is have a statement that says include gauges-ss.htm. when you launch the php that is when the A appears.

Bob

tobyspond · « **Reply #80 on:** February 03, 2013, 07:39:44 PM »

Hi Bob,

Then I'd say you are not using the correct version of gauges.htm. You need to use the version that comes with version 2.1.1 and make sure version 2.1.1 scripts and css files are in the appropriate places.

Good luck,

Kerry

saratogaWX · « **Reply #81 on:** February 03, 2013, 08:22:42 PM »

With the existing Saratoga templates and languages other than English, you can't really use UTF-8 for the character set as all the language translation files are in ISO-8859-n (except Hebrew), and the support scripts already take data from UTF-8 websites like WeatherUnderground and MeteoAlarm.eu and convert the output to ISO-8859-n appropriate to the particular language.

If you want the degree sign in the gauges to show correctly AND have your menu/template display non-English correctly, the currently 'safe' way is to use a self-sizing <iframe> in the template page to load the gauges.

something like

Code: [Select]

<div id="main-copy">
  
   <h2>Current Weather Gauges</h2>
    <p>&nbsp;</p>
    <iframe id="ifgauges" src="/steelseries/gauges-ss-basic.htm" width="630" frameborder="0"></iframe>


<script type="text/javascript">
function setIframeHeight(iframe) {
    if (iframe) {
        var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;
        if (iframeWin.document.body) {
            iframe.height = iframeWin.document.documentElement.scrollHeight || iframeWin.document.body.scrollHeight;
        }
    }
};

window.onload = function () {
    setIframeHeight(document.getElementById('ifgauges'));
};
</script>    
</div><!-- end main-copy -->

which can be seen here.

It does have the <iframe> cropping annoyance (popup graphs will be cropped to the iframe), but the character sets are preserved for both.

Best regards,
Ken

tnwxman · « **Reply #82 on:** February 03, 2013, 08:35:43 PM »

Kerry,
I am using what was unzipped in 2.1.1. Again look at my link to just the htm, it works no problem. When I include the htm into the pho that is when the A appears.

Ken,

Thanks. Can u check both links in my earlier post. No A by degree sign in htm but when I include the htm in a php (see link above) the A shows.

Thanks.

Bob

saratogaWX · « **Reply #83 on:** February 03, 2013, 08:39:36 PM »

You can't just include the .htm file in the template -- it will result in mixed character sets. You need to use the <iframe> method above to keep both template and steel-series gauges 'happy'.

tnwxman · « **Reply #84 on:** February 04, 2013, 12:37:48 PM »

Hi Ken,

A big thank you again. That did it <iframe>. The A is going and every thing 'happy'

Bob

tnwxman · « **Reply #85 on:** February 07, 2013, 02:01:22 PM »

Question, Is there a setting so as not to show the scrolling forecast but still keep the update timer. The scrolling forecast is nice but it uses the Davis console forecast which is not the most useable.

Thanks.

Bob

saratogaWX · « **Reply #86 on:** February 07, 2013, 02:12:00 PM »

In gauges.js change

Code: [Select]

            digitalForecast   : true,                   //Font control for the status display, set this

to

Code: [Select]

            digitalForecast   : false,                   //Font control for the status display, set this

and it should turn off the forecast display.
Config details are at http://wiki.sandaysoft.com/a/SteelSeries_Gauges for docs and download

tobyspond · « **Reply #87 on:** February 07, 2013, 03:49:21 PM »

Bob,

Just remove or comment out the canvas_status line from the gauges-ss.php page.

<div class="row">
<canvas id="canvas_led" width="25" height="25"></canvas>   
<canvas id="canvas_status" width="350" height="25"></canvas>  
<canvas id="canvas_timer" width="50" height="25"></canvas>
</div>

Changing the digitalForecast to false only changes the font.

Kerry

tnwxman · « **Reply #88 on:** February 08, 2013, 05:00:51 PM »

Hi Ken,

Thanks for the input. I already had that setting and it still continues to show. Any other suggestions.

Hi Kerry,

I tired what you said and unless I missed something it also took away many gauges and the page was not functional. That did not work. Any other suggestions.

Ken and Kerry I appreciate your help with this.

Bob

tobyspond · « **Reply #89 on:** February 08, 2013, 05:14:40 PM »

Hi Bob,

Not sure what to tell you, because doing either one works for me.

Just to be sure
If you comment it out the code should look like:
<div class="row">
<canvas id="canvas_led" width="25" height="25"></canvas>   

<canvas id="canvas_timer" width="50" height="25"></canvas>
</div>

and removing it
<div class="row">
<canvas id="canvas_led" width="25" height="25"></canvas>   

<canvas id="canvas_timer" width="50" height="25"></canvas>
</div>

Kerry

tnwxman · « **Reply #90 on:** February 10, 2013, 10:38:55 AM »

Hi Kerry,

My fault

I took your original instructions to mean remove all three lines instead of just the one. Once I went and did just the one line it is working. Thanks for the help and being patient with me.

Bob

tobyspond · « **Reply #91 on:** February 10, 2013, 11:04:18 AM »

Hi Bob,

Not a problem. Happy to help.

Kerry

rrrick8 · « **Reply #92 on:** March 22, 2013, 04:33:46 PM »

Decided to add the gauges to my website. http://vermilionweather.com/steelgauges.php

Had a bit of problem getting them going but persevered.

Thanks Mark for the script.

cospringswx · « **Reply #93 on:** November 02, 2014, 04:47:15 PM »

Does anyone know why my Steel Gauges keep on converting back to Celcius? When you press the F at the bottom its correct but when it downloads it converts back to C.

http://cospringsweather.com/steel-gauges.php

AWL · « **Reply #94 on:** November 02, 2014, 04:56:52 PM »

Quote from: cospringswx on November 02, 2014, 04:47:15 PM

Does anyone know why my Steel Gauges keep on converting back to Celcius? When you press the F at the bottom its correct but when it downloads it converts back to C.

http://cospringsweather.com/steel-gauges.php

Everything looks right here. How does it look to you on another computer?

-Doug

cospringswx · « **Reply #95 on:** November 02, 2014, 05:00:03 PM »

Quote from: DougW on November 02, 2014, 04:56:52 PM

Quote from: cospringswx on November 02, 2014, 04:47:15 PM
Does anyone know why my Steel Gauges keep on converting back to Celcius? When you press the F at the bottom its correct but when it downloads it converts back to C.

http://cospringsweather.com/steel-gauges.php

Everything looks right here. How does it look to you on another computer?

-Doug

Press the C and F in the table at the bottom and it messes up. It gets stuck on C.

mcrossley · « **Reply #96 on:** November 02, 2014, 05:03:18 PM »

It looks like you have edited the files and saved them in a format other than their native UTF-8.

This has corrupted some strings, such as gauges.js line 472, where you now have

Code: [Select]

data.tempunit = 'Â°C';

instead of

data.tempunit = '°C';

If you don't already, I'd suggest you use an editor such as Notepad++

mcrossley · « **Reply #97 on:** November 02, 2014, 05:10:55 PM »

The best way is to start with the original file from the zip, and edit it to match the customisations you have made to the version on your site. That shouldn't be too hard as all the customisation stuff is in the first 50 odd lines of the gauges.js file. Once you have done that lets see how it behaves, at the moment it is getting mighty confused and doing the wrong conversions and ending up with very high temperatures when using F (130's).

cospringswx · « **Reply #98 on:** November 02, 2014, 05:15:53 PM »

Ok the original gauges.js file is loaded. All I did was change to 1 to read from WD and changed the counter to 10. Looks like the same issue.

cospringswx · « **Reply #99 on:** November 02, 2014, 09:48:37 PM »

How about this?

http://cospringsweather.com/gauges-ss.php

News:

Author Topic: steel gauges (Read 20534 times)