HTML Level: Beginner (If you can read comments and use a txt editor .....)
V1.0 - Feb 2012
V2.0 - Feb 2012
- js file rewritten and 'turbo charged'
alternative css file added that puts highlight INSIDE buttons.
V1.0 users only need to upack / upload noaarep.js, noaarep_alt.css
IF YOUR SERVER HAS PHP FUNCTIONALITY USE THE PHP VERSION: PHP Version
For:
- If you don't have PHP ...
- Not so robust.
Not as 'flexible'.
Can be 'slow' to build the initial page.
Can't cope with reserved or accented characters in the reports.
Search for available Cumulus generated NOAA reports and display in a Cumulus style web page (or DIY).
Initially the latest report will be displayed.
'Drop Down' style menu
'Classic' (full menu)
OK - Lets begin
In your servers weather directory, create a sub directory called NOAA-reports, then In Cumulus, generate NOAA monthly and annual reports for every month and year that you have data for, and save them using the default file names.
Upload all of the reports to the NOAA-reports directory on your web server (This year and latest month will be an ongoing upload)
(If you wish to have a different name for the directory you will need to change a variable which is in the html file)
Download the zip file, unpack it, It will create a directory (beteljuice) that contains 4 files:
- noaa_reports.html - A cumulus style web page that is the only thing to edit !
noaarep.css - the stylesheet for the menu system and report
noaarep_alt.css - an alternate stylesheet for users with dark backgrounds, or you might just prefer it !
noaarep.js - Here Be Dragons, break this you're on your own (and I break your fingers)
Using a txt editor like notepad, edit noaa_reports.html - everything is commented
NB: This is NOT a xxxxT file that requires processing / uploading by Cumulus; although you could make it one by adding at least one <#webtag> somewhere.
Go through it from start to end carefully paying attention to the <!-- Edit lines. You will need to change the title, location, and other things for the information or language that is pertinent to your site.
Save it, and upload the 4 files to your server weather directory (change the noaa_reports.html file name if you want) and that's it.
Just refer to it as (mywebspace/weather)/noaa_reports.html (or whatever you have called it).
Don't forget to add links to your existing Cumulus xxxxT.htm pages.
Tip: In your links menu(s), if you add a space between the colons eg. : : then if the menu gets 'too wide' it will auto-wrap.
Tip: If you have existing NOAA style reports from other softwares, then you should be able to copy them to the NOAA-reports directory and as long as you rename them in the Cumulus format they should be found and displayed OK
NOAA Style Reports:
The word Style is IMPORTANT - these are NOT NOAA reports !
It also means that the layout is 'fixed' and is meant to look like the old teleprinter output.
This is the way the software(s) have created them and is nothing to do with the script !
Intermediate => Advanced Level:
Using it in your own design pages.
There are two sections in noaa_reports.html which are commented <!-- beteljuice REQUIRED **** beteljuice REQUIRED ****
One in the <head> section and one in the <body> section. Just cut 'n' paste into those sections of your page.
Note(s): A few of the font faces / size / colour will be 'Inherited' by the style(s) in your page or the 'container' you paste the <body> code in.
The report and reports nav menu are 635px. wide.
IMPORTANT ! DO NOT DELETE OR RENAME ANY id=".... - the script will NOT work without them.
WORKING EXAMPLE (Thanks to Darknstormy)
WORKING EXAMPLE With the alternative style sheet (Thanks to bnwrx)
Once again, break it and you're on your own !!!