Gradient Thermometer v1.08

GRADIENT THERMOMETER - RELEASE V1.8

SAMPLES:(live)
[url=http://www.bashewa.com]


[/url]
Adapted from Ken True’s Thermometer script - [color=blue]Saratoga-Weather.org[/color]

NOTES:
o The graphic is transparent and can be placed on any background (incl. black).
o You can set the tick mark color and the min/max temp text colors.
o Works for Fahrenheit and Celsius and tick marks are configurable.
o 6 styles to choose from … red, blue, gradient and old style.
o Option to put current temperature on bulb.
o Option to put unit-of-measure on bulb.
o Compatible with WD and VWS.

Let me know if you want more.

ADDITIONAL SCRIPTS:
Additional scripts you might be interested in:
[color=blue]Cloud Base Graphic[/color]
[color=blue]Alternate ajaxWDwx.js[/color]
[color=blue]Mobile / Cellphone / iPhone Safari Script[/color]

CREDITS:
Please put the following snippet into your “wxabout.php” page:
Thermometer graphic courtesy of Bashewa Weather
(adapted from Saratoga Weather)

DOWNLOAD: [color=blue]bws-script-thermometer.zip[/color] (20kb)

Thanks but i am using a black background on my webpage how can i make the “ticks” and the scale show up white so i can see them.

Done … re-download from above please (ver 1.07).

You can now specify tick mark, max temp and min temp colors.

thanks :smiley:

AWESOME! 8)

Thanks so much for making this available :smiley:

Thanks ever so much, it looks nice, by the way, in the

Thermometer graphic courtesy of Bashewa Weather
(addapted from Saratoga Weather)

theres only 1 d in adapted :wink:

I have added a few more options to the thermometer:
Option to put current temperature on bulb.
Option to put unit-of-measure on bulb.

The markers on the left are your today max high and low values.
The color bar inside the tube indicates your current temperature just like a real thermometer would do.

The problem corrected itself after several refreshes. The fill was actually 4-5 degree’s higher than the actual current temp. For now its corrected.

Meerkat, you do some amazing work :slight_smile:
what is your background, if I may ask?
:slight_smile:
just glad you are able to make these available for users :slight_smile:

Hi Windy,
I’ve got about 30 years programming experience.
Have been thru all of the programming languages that have been around
eg. Assembler, Fortran, Algol, Lisp, Cobol, Pascal, C++, PLM/86 and so on.
About 10 years ago I had +/-20 under my belt … don’t know how many it’s now.
Got about 15 years Delphi experience … started with Delphi 3.

The last 5 years I’ve been heavy into Web development (for myself).

Great look to the site. Thank you.

Great addition to the page. Good work on all of your scripts Meerkat.

Chuck

Thanks Meerkat for all of your hard work on these scripts. They are great!!!

Meerkat,

Thank you very much for the share!

I’ve added the following on the original thermometer to adjust the range of the thermometer when in the summer or winter

$Tmonth = date('n');
if (preg_match("/^4|5|9$/", $Tmonth)){ #spring / fall
$TmaxF = 105;     // maximum

Just to add to MTH’s work, the following will work if you use Meerkat’s UOM switching portion of the new ajaxWDwx files.

Set the gradients (or not) to your liking…

// settings for ranges -- adjust for your climate :-)

// Centigrade settings ... keep range from low to high at 50

Thnx for the addition Jack !

I use it in a try-out, http://www.weersverwachtingen.eu/clientraw/wd-ajax-ml/wxindex_kat.php?lang=nl have to make ml-translation complete for this page #-o

[quote author=firewall link=topic=43750.msg358040#msg358040 date=1263864751]
Just to add to MTH’s work, the following will work if you use Meerkat’s UOM switching portion of the new ajaxWDwx files.

Set the gradients (or not) to your liking…

// settings for ranges -- adjust for your climate :-)

// Centigrade settings ... keep range from low to high at 50

Meerkat,
When the maximum temperature is 100 or more, the left portion of the 1 does not displays to the left of the thermometer for the max scale. It looks like a . instead of a 1.
If I adjust the width on line 316 of your script, it shows the complete number.