5,838
edits
Feels Like: Difference between revisions
From Cumulus Wiki
Jump to navigationJump to search
m
→Web implementation: Getting headings right
m (→Web implementation: Getting headings right) |
|||
| Line 49: | Line 49: | ||
[[File:Feels_like_numerical.png|200px|thumb|left|set of values]] | [[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). | 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). | ||
== HTML table rows to replace == | === HTML table rows to replace === | ||
<pre><tr class="td_temperature_data"> | <pre><tr class="td_temperature_data"> | ||
<td>Windchill</td> | <td>Windchill</td> | ||
| Line 62: | Line 62: | ||
<td><#apptemp> <#tempunit></td> | <td><#apptemp> <#tempunit></td> | ||
</tr></pre> | </tr></pre> | ||
== HTML code required for inserting figure == | === HTML code required for inserting figure === | ||
<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"> | <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> | <small>Feels Like (title varies)</small> <br><!-- insert position for variable numerical value --></td></tr></pre> | ||
| Line 69: | Line 69: | ||
[[File:Feels_like_graphic.png|50px|thumb|left|bar chart]] | [[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). | 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). | ||
== HTML code for Inside Temperature can be replaced == | === HTML code for Inside Temperature can be replaced === | ||
<pre><td width="33%" align="center" bgcolor="#EFEFEF"><div id="insidetemp">small</div></td></pre> | <pre><td width="33%" align="center" bgcolor="#EFEFEF"><div id="insidetemp">small</div></td></pre> | ||
== HTML code required for varying chart == | === HTML code required for varying chart === | ||
<pre><td class="plots"><div id="feels_like"></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. | 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 = | = 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. | 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. | ||
