Evapotranspiration with Watson w-8681 solar

[abarnett1934]

I want to change this entry in the Index:-

<td>Evapotranspiration Today</td>
<td><#ET>&nbsp;<#rainunit></td>
</tr>

To an entry which will show the UV value.

Is this possible? I think the UV reading would be more use to me. Any ideas please?

[steve]

As far as the web page is concerned, the web tag for UV index is <#UV>, so you can just edit indexT.htm to use that instead (changing the text etc as well, of course). I know that the SteelSeries gauges can display UV, but I can't really help you with the details of that.

[abarnett1934]

Dear Steve,

Thanks for your reply. I have altered the Solar text to this in IndexT file. It seems to work for me.

<!-- Solar data. If you don't have a solar sensor, you may wish to delete everything from here to the next comment -->
<tr class="td_temperature_data">
<td>Solar Radiation</td>
<td><#SolarRad>&nbsp;W/m&sup2;</td>
<td>UV </td>
<td><#UV+>&nbsp;<#solarcell></td>
</tr>
<!-- End of solar data -->

My best wishes,
Arthur

[steve]

<td><#UV+>&nbsp;<#solarcell></td>

You have a spurious '+' in there (which may or may not matter), and there's no such web tag as <#solarcell>. I'm not sure what you think it is, but UV Index has no units, so you just need
<td><#UV></td>

[abarnett1934]

Many thanks,
I now have the information showing on the web.
When I look at the "Now" page, the temperature, Rainfall, Wind and pressure contents are coloured Blue for the heading and brown for the details, whereas my data has no colour. I would like my section to match the others. This is my entry for the solar data in indexT:-

<tr class="td_temperature_data">
<td>Heat Index</td>
<td><#heatindex>&nbsp;<#tempunit></td>
<td>Apparent Temperature</td>
<td><#apptemp>&nbsp;<#tempunit></td>
</tr>
<!-- Solar data. If you don't have a solar sensor, you may wish to delete everything from here to the next comment -->
<tr>
<td colspan="4" class="tableseparator_Solar data">SOLAR DATA</td>
</tr>
<tr class="td_Solar_data">
<td>Solar Radiation</td>
<td><#SolarRad>&nbsp;W/m&sup2;</td>
<td>Current UV reading</td>
<td><#UV></td>
</tr>
<td>Light reading (lux)</td>
<td><#Light></td>
<!-- End of solar data -->
</tr>
<tr>
<td colspan="4" class="tableseparator_rainfall">RAINFALL</td>
</tr>
<tr class="td_rainfall_data">
<td>Rainfall&nbsp;Today</td>
<td><#rfall>&nbsp;<#rainunit>

Any ideas why my section is not the same colour as the others????

Arthur

[steve]

<td colspan="4" class="tableseparator_Solar data">SOLAR DATA</td>

<tr class="td_Solar_data">

You've invented two classes for which styles don't exist in the CSS file (weatherstyle.css). You'll either have to create styles for them, or use the existing ones.

[abarnett1934]

I have placed the solar styles in the CSS file and have some success.
Now, under the "Now" tab the items are shown and give the correct readings. The heading SOLAR DATA is still not coloured.
The second line for Solar radiation and current UV reading now shows the correct brown colour. (Success)
However, the third line showing the "light reading" has no colour. (Do I need to make a class for this?)
Any thoughts on how to correct this.
Arthur

[steve]

The heading SOLAR DATA is still not coloured.

You have a space in the class name; I suspect this is not allowed.

However, the third line showing the "light reading" has no colour. (Do I need to make a class for this?)

Your html looks malformed (you appear to have terminated a table row before the light data). A link to the actual page would make diagnosis much easier!

[abarnett1934]

Dear Steve,
Many thanks.

This is the entry for IndexT

<tr>
<td colspan="4" class="tableseparator_solar data">SOLAR DATA</td>
</tr>
<tr class="td_solar_data">
<td>Solar Radiation</td>
<td><#SolarRad>&nbsp;W/m&sup2;</td>
<td>Current UV reading</td>
<td><#UV></td>
</tr>
<td>Light reading (lux)</td>
<td><#Light></td>
<!-- End of solar data -->
</tr>

This is my entry for weatherstyle
}
.tableseparator_solar data {

font-size: 90%;
font-weight: 400;
background-color: #678090;
color: #CCCCCC;
padding: .5em;
letter-spacing: .1em;
}


Hope this helps.
I am slowly finding my way around JS, but at nearly 80, the old brain box gets a bit fuddled.
Thanks again for your wonderful support

Arthur.

[abarnett1934]

Weather station link is

www.melrosecrescentweather.co.uk

Arthur

[steve]

I'm pretty sure you can't have a space in a class/style, so try changing

<td colspan="4" class="tableseparator_solar data">SOLAR DATA</td>

and

.tableseparator_solar data {

to

<td colspan="4" class="tableseparator_solar_data">SOLAR DATA</td>

and

.tableseparator_solar_data {

You're missing a start of row for your light data; you need

</tr>
<tr class="td_solar_data">
<td>Light reading (lux)</td>
<td><#Light></td>
<!-- End of solar data -->
</tr>

[abarnett1934]

Hi Steve
Heading for solar-data is now coloured correctly, so obviously a space is not allowed.

Well done!

[abarnett1934]

Dear Steve,

At last,
The "Now" page on the web is looking fine. Proper colours and correct information.

There is a blank uncoloured piece after the last entry, but I can live with that.

My very best wishes,
Arthur

[steve]

It may be different in other browsers, but in Chrome you have a white strip because that row only has one entry:

2012-08-28 16_51_05-Little Drayton weather.png

You can fix that like this:

<tr class="td_solar_data">
<td>Light reading (lux)</td>
<td><#Light></td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>

[abarnett1934]

Many thanks Steve.

The web site is now being displayed exactly as I want it.

Thanks for all your help.

Another donation is on its way

Arthur