1,126
edits
SteelSeries Gauges: Difference between revisions
no edit summary
No edit summary |
No edit summary |
||
| Line 7: | Line 7: | ||
= SteelSeries JavaScript Gauges = | = SteelSeries JavaScript Gauges = | ||
[[Image:gauge.png]] | [[Image:gauge.png]] | ||
Based on the JavaScript/HTML5 Canvas SteelSeries gauges, this weather gauge page | Based on the JavaScript/HTML5 Canvas SteelSeries gauges, this weather gauge page is now available in version 2.0 | ||
== Quick Start Guide for Cumulus Users == | == Quick Start Guide for Cumulus Users == | ||
| Line 49: | Line 49: | ||
6. If you have installed to a web folder different from your Cumulus 'root' you will also need to edit the "gauges-ss.html" file, and amend the relative path to your Cumulus "weatherstyle.css" file. | 6. If you have installed to a web folder different from your Cumulus 'root' you will also need to edit the "gauges-ss.html" file, and amend the relative path to your Cumulus "weatherstyle.css" file. | ||
7. Copy (or move) the folders 'css' and 'scripts' and their contents (the files that are contained in the ZIP file) to the folder where your "gauges-ss.htm" file is located (probably the same folder where all your other Cumulus HTM files are located). | 7. Copy (or move) the folders 'css' and 'scripts' and their contents (the files that are contained in the ZIP file) to the folder where your "gauges-ss.htm" file is located (probably the same folder where all your other Cumulus HTM files are located). | ||
=== Relative Paths === | === Relative Paths === | ||
| Line 90: | Line 90: | ||
To switch languages dynamically, you need to add script to your page which sets the LANG object to equal the desired language and then calls the changeLang() function. e.g. | To switch languages dynamically, you need to add script to your page which sets the LANG object to equal the desired language and then calls the changeLang() function. e.g. | ||
// Dynamic script to change the default language to German | |||
changeLang(LANG.DE); | changeLang(LANG.DE); | ||
| Line 163: | Line 163: | ||
* * * * | * * * * | ||
* * * * o | * * * * o | ||
== JavaScript Files == | |||
Some of the JavaScript files are pre-minimised in the package, the un-minimised versions of these script can be found in the /scripts/src folder. The 'src' folder is not used by the web page in normal use, but for debugging purposes you may want to change the page to these source scripts. | |||
All the JavaScript files have been created using a UTF-8 character encoding, when editing the files please use an editor that is capable of retaining the correct file encoding. | |||
Once you are happy with your web page I recommend that you minimise all your scripts, and possibly concatenate them - if you do this though, ensure that you maintain the script load order. Concatenation is not as big a speed up as it used to be as most modern browsers no longer 'block' when downloading a script file. | |||
== Weather Display Users == | == Weather Display Users == | ||