Background behind the digits

[krmidas]

Capture.JPG

Hmmm, didn't change anything for me.

http://krmidas.home.comcast.net/~krmida ... gauges.htm

[tobyspond]

You made the change to steelseries.js, correct? If so, did you reminify it and save it as you are calling the minified version on your page.

code from your page:
</div><!-- id content -->
<script src="http://ajax.googleapis.com/ajax/libs/jq ... "></script>
<!-- <script src="scripts/jquery-170.min.js"></script> -->
<script src="scripts/tween.min.js"></script>
<script src="scripts/language.js"></script>
<script src="scripts/steelseries.min.js"></script>
<script src="scripts/gauges.js"></script>
<script src="scripts/ddimgtooltip.min.js"></script>
</body>
</html>

Download Microsoft Ajax Minifier to reminify the steelseries.js. If you do not want to minify it, just change your page to steelseries.js.

[krmidas]

I guess I'm showing my ignorance when I say I've never heard of the word reminify.

I worked with steelseries.js, thinking that adding the extra line of code would be pretty straightforward. I guess it wasn't! When I went in to the gaugesT.htm page and changed steelseries.min.js to steelseries.min, the gauges did not display at all.

Not really clear what the purpose of the "min" file is.

-Tom

[beteljuice]

changed steelseries.min.js to steelseries.min

That bit doesn't make sense !

For testing your changes to steelseries.js upload and change your html to call that file.

The 'min' version is once you have edited steelseries.js and are happy with it, you go to one of the many online 'minifiers' which reduces file size by removing all comments, cr/lf, tabs and unecessary white space - BUT remember to save that as steelseriesmin..js (and call that file in your html)

[krmidas]

You made the change to steelseries.js, correct? If so, did you reminify it and save it as you are calling the minified version on your page.

code from your page:
</div><!-- id content -->
<script src="http://ajax.googleapis.com/ajax/libs/jq ... "></script>
<!-- <script src="scripts/jquery-170.min.js"></script> -->
<script src="scripts/tween.min.js"></script>
<script src="scripts/language.js"></script>
<script src="scripts/steelseries.min.js"></script>
<script src="scripts/gauges.js"></script>
<script src="scripts/ddimgtooltip.min.js"></script>
</body>
</html>

Download Microsoft Ajax Minifier to reminify the steelseries.js. If you do not want to minify it, just change your page to steelseries.js.

This is what I was trying to do. Wasn't Tobysond quoting from the end of my guages.htm page and instructing me to change steelseries.min.js to steelseries.js? That is what I was trying to do.

The file I was working on was steelseries.js. I added the code as explained in earlier posts. I re-saved that file and uploaded it to my server, overwriting the previous version.

[DanielF]

Mark,
Yes, sorry, I think you're right. I watched your gauges for several minutes again this morning (Mon), and the Latest LCD is now changing more than the Average.
So all I need to do now is correct the needle colours so they agree with those used in Cumulus (red=latest, blue=average), and change the Wind Direction LCD colours (background or text, it doesn't matter) to match the needles, and the gauges will be spiffing!

Kerry,
I've searched steelseries.js from the v1.6.6b Zip distribution, and the only two lines on which 'bLatest' appears are these:

Code: Select all

2414:        var drawLcdText = function (value, bLatest) {
2434:            mainCtx.fillText(value + "\u00B0", imageWidth / 2 + lcdWidth * 0.05, (bLatest ? lcdPosY1 : lcdPosY2) + lcdHeight * 0.5 + lcdFontHeight * 0.38, lcdWidth * 0.9);

So if you could point me to changes for v1.6.6b that will achieve the LCD colour changes desired, I would really appreciate it.

[krmidas]

Same here. I searched and couldn't find the string that contained "bLatest".

I've attached my steelseries.js file just to confirm we're working from the correct version.

-Tom

[beteljuice]

I don't use them myself, but aren't the arguments in the gauges.js file ?

eg.

g_var is a global, but can be overwritten by steelseries.(DEFINED) in steelseries ?

As in the Wind dir:

Code: Select all

function drawDir() {
    // create wind direction/compass radial gauge
    if (document.getElementById('canvas_dir')) {
        gauge_wdir = new steelseries.WindDirection(
                'canvas_dir', {
                    size : g_size,
                    frameDesign : g_frameDesign,
                    pointerTypeLatest : g_pointer, // default TYPE1,
                    pointerTypeAverage : steelseries.PointerType.TYPE8, // default TYPE8
                    pointerColor : g_pointerColour,
                    pointerColorAverage : steelseries.ColorDef.RED,
                    knobType : g_knob,
                    knobStyle : g_knobStyle,
                    backgroundColor : g_background,
                    foregroundType : g_foreground,
                    degreeScale : true,             // Show degree scale rather than ordinal directions
                    pointSymbols : LANG.compass,
                    roseVisible : false,            // Show the central compass rose design
                    digitalFont : g_digitalFont,
                    lcdColor : g_lcdColour,
                    lcdTitleStrings : g_dir.titles,
                    useColorLabels : false
                });
        gauge_wdir.setValueAverage(g_dir.valueAverage);
        gauge_wdir.setValueLatest(g_dir.valueLatest);
    }
}

[krmidas]

Mark,
Yes, sorry, I think you're right. I watched your gauges for several minutes again this morning (Mon), and the Latest LCD is now changing more than the Average.
So all I need to do now is correct the needle colours so they agree with those used in Cumulus (red=latest, blue=average), and change the Wind Direction LCD colours (background or text, it doesn't matter) to match the needles, and the gauges will be spiffing!

Kerry,
I've searched steelseries.js from the v1.6.6b Zip distribution, and the only two lines on which 'bLatest' appears are these:

Code: Select all

2414:        var drawLcdText = function (value, bLatest) {
2434:            mainCtx.fillText(value + "\u00B0", imageWidth / 2 + lcdWidth * 0.05, (bLatest ? lcdPosY1 : lcdPosY2) + lcdHeight * 0.5 + lcdFontHeight * 0.38, lcdWidth * 0.9);

So if you could point me to changes for v1.6.6b that will achieve the LCD colour changes desired, I would really appreciate it.

Daniel,

I guess we're out of luck! The current posted version of steelseries.js doesn't contain the line of code we need, unless I'm truly losing my mind.

[DanielF]

I guess we're out of luck! The current posted version of steelseries.js doesn't contain the line of code we need, unless I'm truly losing my mind.

Tom,
Yeah, we might be out of luck for the time being. But hopefully someone with some Java expertise will work out what needs to be changed in the current code to fix the colour problems.
Or else one of us will have to learn Java!

[mcrossley]

OK, I think the problem may be that Kerry's additional code was an addition to change he had already made earlier adding in the "if (bLatest)" conditions.

Find the line around 24xx (sorry I working on a later version of the script from you guys) in the function "var drawLcdText = function (value, bLatest) {" that says:

Code: Select all

mainCtx.fillStyle = lcdColor.textColor;

Change this to:

Code: Select all

mainCtx.fillStyle = bLatest ? pointerColor.medium.getRgbaColor() : pointerColorAverage.medium.getRgbaColor();

Make sure you either re-minify the file before upload, or change your page to use the non-minified version of the script.

[krmidas]

Hmmm, didn't work for me. Found the string, replaced, minified, re-uploaded. Gauges wouldn't display. Even tried bypassing the .min file by redirecting the gaugesT.htm to steelseries.js instead of .min.js.

Neither worked. I'll keep working on it.

[krmidas]

This is really strange. Without making any changes to steelseries.js, when I direct gaugesT.htm to steelseries.js INSTEAD of steelseries.min.js, this is what I get:

Capture.JPG

But when gaugesT.htm directs to steeleries.min.js, everything displays OK

I've attached both steelseries.js and steelseries.min.js. Maybe someone can help me figure out what's going on.

Thx.

[mcrossley]

Do you want to put up a test page I could look at?

[krmidas]

Sure. I've set up a page where the gaugesT.htm file directs to steelseries.js (instead of steelseries.min.js)

Thanks, in advance for any help you can give me. After looking at the test page below, if you click on "gauges" on the top menu bar, you'll go to the page that references steelseries.min.js

-Tom

http://krmidas.home.comcast.net/~krmida ... estest.htm