WebProp

If you have a ham radio website then WebProp enables you to show the latest HF propagation conditions and forecast to your visitors. It's not the only gadget like this around, but I didn't like the look of any of the others, so I decided to make my own.

To add a propagation forecast box like the one above to your website, just copy the following code and paste it into your web page using a plain text editor:

<div align="center">
  <iframe src="http://www.g4ilo.com/wwv/webprop.php"
    width="540px" height="104px" frameborder="0"></iframe>
</div>

That's all there is to it! The data is automatically updated whenever a visitor loads your web page.

Note: You must use a plain text editor like Notepad to paste the code into the HTML code of your web page. If you use a visual editor like FrontPage it will think that you want this code to appear in your web page, and it will change the formatting so that it is not interpreted as HTML code.

Small version

You can also have a small version of the forecast box like this, which is ideal for including in a side menu bar or other situation where space is at a premium.

To add this version, copy and paste the following code into your web page:

<div align="center">
  <iframe src="http://www.g4ilo.com/wwv/webprop.php?format=small"
    width="180px" height="268px" frameborder="0"></iframe>
</div>

Due to the different sizes of fonts used by different browsers, the WebProp box might not display at exactly the same size in all cases. If you see a vertical scroll bar when the box is displayed, try increasing the value specified for height. You can also play with the width values, if you have enough space.

Changing the colours

You can change the colours of the title bar, background and border, by specifying some additional values after .../webprop.php. You can specify the background colour using bg=colour, the title bar colour using hd=colour, and the border colour using bd=colour. If your web pages have a non-white background, then you may notice a white border surrounding the propagation box. You can specify the matching colour to fill this border using fb=colour.

When specifying values to a web program, the first value is preceded by a question mark and subsequent values are separated by ampersands (which are normally encoded as &). In the small version of the propagation box shown above, we must specify a value format=small, and you can see this is preceded by a question mark.

Changing the iframe src= value to: .../webprop.php?bg=yellow&hd=%2300A000&bd=black&fb=%23f8f8f8 will create the box shown below.

Colours are specified using names (black, blue, green, etc.) or using hexadecimal RGB values like #DDFFEE. There are numerous software utilities available that will help you determine colour values. Note that if you want to specify hexadecimal colour values, you must replace the # by %23 because # is not an allowed character in a URL.

About WebProp

WebProp gets the current solar weather data from the Geophysical Alert message put out every three hours by WWV. The latest sunspot number is obtained from the Daily Solar Data file. These files are polled regularly for updates, and the results are stored on the g4ilo.com web server.

The band condition indicators are calculated from these solar indices, to give an indication of conditions on LF (<10MHz), MF (10 - 20MHz) and HF (>0MHz). Band conditions are shown using a scale that runs: Very Good, Good, Moderate, Fair, Poor and Very Poor.