Feels Like: Difference between revisions

[[File:Feels_like_numerical.png|200px|thumb|left|set of values]]

The element id shown below would result in the numerical value being inserted as per screen image on left. Moving your mouse over the figure would display the information about the parameter being shown. This could be suitable for your 'now' page (the standard Cumulus indexT.htm displays wind chill, heat index and apparent temperature, but maybe you want to alter that? (Note this element id is not relevant to the gauges page, unless you want to display numerical values without a graphic).

<pre><tr class="td_temperature_data">

<td>Windchill</td>

<td><#apptemp>&nbsp;<#tempunit></td>

</tr></pre>

<pre><tr class="td_temperature_data"><td colspan="4" id="variable_figure" title="'Feels Like' - need to have JavaScript enabled for automatic selection of parameter to show here">

<small>Feels Like (title varies)</small> <br><!-- insert position for variable numerical value --></td></tr></pre>

[[File:Feels_like_graphic.png|50px|thumb|left|bar chart]]

Then you need to note the differences between the temperature and wind histogram data transfer shown above and that appearing at the foot of the standard Cumulus page. If you are able to cope with the necessary coding changes, you could replace the following code with the code that follows it (but there may be sizing issues to sort out).

<pre><td width="33%" align="center" bgcolor="#EFEFEF"><div id="insidetemp">small</div></td></pre>

<pre><td class="plots"><div id="feels_like"></div></td></pre>

The class ''plots'' will need adding to the [[Stylesheet | CSS]], it could contain the width and align clauses that you removed or any other formatting you require.

= New JavaScript Code required =

This script introduces a number of new classes, to move styling that in the standard Cumulus ''dashboard.js'' is defined inside the script, out to an external CSS. For brevity, the list of new classes is not listed here, it is assumed you know enough to work out the list yourself, and you will probably want to use your own styling anyway.