Post by Admin on Jul 17, 2003 14:18:34 GMT -5
Here's a fairly comprehensive template showing most all weather parameters, and includes a number of javascripts. Some refer to an external javascript file which is not included here. I wouldn't expect that anyone would want to use this template exactly as is, but it may give a starting point for you to modify it to suit your needs.
You can see how this one turns out at www.qsl.net/n6skk/nowcast.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title><!--outsideTemp--><!--tempUnit--> <!--windSpeed--> <!--WindUnit--> <!--OutsideHumidity-->%</title>
</head>
<meta http-equiv="refresh" content="60";>
<body background="cloudy_sky.gif"><basefont face=arial>
<center><font color="#0066CC">
<strong><font size=5>Weather Conditions at Ashburn Farm, Virginia
<font size="2"><!--stationDate--> <!--Time-->
<!--stationLatitude--> <!--stationLongitude--> Elev. <!--stationElevation--></small>
<table bgcolor="#0066CC" border="4" bordercolorlight="#ffffff" bordercolordark="#808080" cellpadding="4" cellspacing="4">
<td><font color=White>Current Conditions:<b><font color=White>
<SCRIPT LANGUAGE="javascript">
var rain = <!--rainRate-->
if (rain == 0.00)
{message = "Dry"}
if (rain >= 0.01)
{message = "Drizzle"}
if (rain >= .04)
{message = "Light Rain"}
if (rain >= 0.10)
{message = "Rain"}
if (rain >= 0.20)
{message = "Moderate rain"}
if (rain >= 0.30)
{message = "Heavy rain"}
if (rain >= 1.00)
{message = "FLASH FLOOD WATCH"}
if (rain >= 2.00)
{message = "FLASH FLOOD WARNING"}
if (rain >= 3.50)
{message = "BUILD A FREAKIN' ARK - FLASH FLOODING IMMINENT"}
document.write(message)
</SCRIPT>
<SCRIPT LANGUAGE="javascript">
var fog = (<!--outsideTemp--> - <!--outsideDewPt-->)
if (fog <= 5)
{icon = "Fog Possible"}
document.write(icon)
</SCRIPT>
</td>
</table>
<table bgcolor="#0066CC" border="4" bordercolorlight="#ffffff" bordercolordark="#808080" cellpadding="4" cellspacing="4">
<tr>
<td><font color=White>Temperature<font color=White><b><!--outsideTemp--> <!--tempUnit--></td>
<td><font color=White>Dew Point<font color=White><b><!--outsideDewPt--> <!--tempUnit--></td>
<td><font color=White>Humidity<font color=White><b><!--outsideHumidity-->%</td>
</tr>
<tr>
<td><font color=White>Wind<font color=White><b><!--windDirection--> (<!--windDir-->°) at <!--windSpeed--> <!--windUnit--></td>
<td><font color=White>Beaufort<font color=White><b>
<SCRIPT LANGUAGE="javascript">
var force = <!--windSpeed-->
if (force == 0.0)
{beau = "Force 0 - Calm"}
if (force >= 1.0)
{beau = "Force 1 - Light Air"}
if (force >= 4.0)
{beau = "Force 2 - Slight Breeze"}
if (force >= 8)
{beau = "Force 3 - Gentle Breeze"}
if (force >= 13)
{beau = "Force 4 - Moderate Breeze"}
if (force >= 19)
{beau = "Force 5 - Fresh Breeze"}
if (force >= 25)
{beau = "Force 6 - Strong Breeze"}
if (force >= 32)
{beau = "Force 7 - Gale"}
if (force >= 39)
{beau = "Force 8 - Fresh Gale"}
if (force >= 47)
{beau = "Force 9 - Strong Gale"}
if (force >= 55)
{beau = "Force 10 - Whole Gale"}
if (force >= 64)
{beau = "Force 11 - Storm"}
if (force >= 75)
{beau = "Force 12 - Hurricane"}
document.write(beau)
</SCRIPT>
</td>
<td><font color=White>10-min. Wind<font color=White><b><!--wind10Avg--> <!--windUnit--></td>
</tr>
<tr>
<td><font color=White>Barometer<b><!--barometer--> <!--barUnit--></td>
<td><font color=White>Trend<b><!--barTrend--></td>
<td><font color=White>Heat Index<b><!--outsideHeatIndex--><!--tempUnit--></td>
</tr>
<tr>
<td><font color=White>Rain Rate<b><!--rainRate--> <!--rateUnit--></td>
<td><font color=White>Daily Rain<b><!--dailyRain--> <!--rainUnit--></td>
<td><font color=White>Storm Rain<sup>1</sup><b><!--stormRain--> <!--rainUnit--></td>
</tr>
</table>
<table>
<tr>
<td bgcolor=White><b>
<SCRIPT LANGUAGE="javascript">
var heat = <!--OutsideHeatIndex-->
if (heat >= 85.0)
{hot = "CAUTION - HIGH HEAT INDEX - <!--OutsideHeatIndex-->° F"}
if (heat >= 95.0)
{hot = "WARNING! - DANGEROUS HEAT INDEX - <!--OutsideHeatIndex-->° F"}
if (heat >= 105.0)
{hot = "WARNING! EXTREMELY DANGEROUS HEAT INDEX - <!--OutsideHeatIndex-->° F"}
document.write(hot)
</SCRIPT>
</td>
</tr>
<tr>
<td bgcolor=White><b>
<SCRIPT LANGUAGE="javascript">
var moist = <!--outsideHumidity-->
if (moist <= 35)
{dryness = "CAUTION! Blackuced Humidity - Increased Fire Risk}
if (moist <= 30)
{dryness = "WARNING! Low Humidity - Increased Fire Risk"}
if (moist <= 20)
{dryness = "EXTREME CAUTION! Dangerously Low Humidity - Extreme Fire Behavior Likely"}
document.write(dryness)
</SCRIPT></td></tr>
<tr>
<td bgcolor=White>
<b><strong><font color="#ff0000">
<SCRIPT LANGUAGE="JAVASCRIPT">
var dew = <!--outsideDewPt-->
if (dew >= 70.0)
{cape = "CAUTION! <!--outsideDewPt-->°F dew point - potential for severe thunderstorms"}
document.write(cape)
</SCRIPT></td></tr>
</table>
<font size="5" color="#0066CC"><b>
Extremes
<table bgcolor="#0066CC" border="4" cellspacing="1" cellpadding="1" bordercolorlight="#ffffff" bordercolordark="#808080">
<tr>
<td><font color=White></td>
<td><font color=White><center>Temperature</td>
<td><font color=White><center>Wind Speed</td>
<td><font color=White><center>Barometer</td>
<td><font color=White><center>Dew Point</td>
<td><font color=White><center>Humidity</td>
<td><font color=White><center>Heat Index</td>
<td><font color=White><center>Wind Chill</td>
<td><font color=White><center>Rain</td>
<td><font color=White><center>Rain Rate</td>
</tr>
<tr>
<td><font color=White>Today</td>
<td><font color=Black><b><!--hiOutsideTemp--> <!--tempUnit--><hr><font color=White><!--lowOutsideTemp--> <!--tempUnit--></td>
<td><font color=Black><b><!--hiWindSpeed--> <!--windUnit--><hr><center><!--hiWindSpeedTime--></td>
<td><font color=Black><b><!--hiBarometer--> <!--barUnit--><hr><font color=White><!--lowBarometer--> <!--barUnit--></td>
<td><font color=Black><b><!--hiDewpoint--> <!--tempUnit--><hr><font color=White><!--lowDewpoint--> <!--tempUnit--></td>
<td><font color=Black><b><!--hiHumidity--> <!--humUnit--><hr><font color=White><!--lowHumidity--> <!--humUnit--></td>
<td><font color=Black><b><!--hiHeatindex--> <!--tempUnit--><hr><center><!--hiHeatIndexTime--></td>
<td><font color=White><b><!--lowWindChillTime--><hr><b><!--lowWindchill--> <!--tempUnit--></td>
<td><font color=White><b><!--DailyRain--> <!--rainUnit--></td>
<td><font color=Black><b><!--hiRainRate--> <!--rateUnit--><hr><!--hiRainRateHour--> <!--rateUnit--></td>
</tr>
<tr>
<td><font color=White>This Month</td>
<td><font color=Black><b><!--hiMonthlyOutsideTemp--> <!--tempUnit--><hr><font color=White><!--lowMonthlyOutsideTemp--> <!--tempUnit--></td>
<td><font color=Black><b><!--hiMonthlyWindSpeed--> <!--windUnit--><hr></td>
<td><font color=Black><b><!--hiMonthlyBarometer--> <!--barUnit--><hr><font color=White><!--lowMonthlyBarometer--> <!--barunit--></td>
<td><font color=Black><b><!--hiMonthlyDewpoint--> <!--tempUnit--><hr><font color=White><!--lowMonthlyDewpoint--> <!--tempUnit--></td>
<td><font color=Black><b><!--hiMonthlyHumidity--> <!--humUnit--><hr><font color=White><!--lowMonthlyHumidity--> <!--humUnit--></td>
<td><font color=Black><b><!--hiMonthlyHeatindex--> <!--tempUnit--><hr></td>
<td><font color=White><hr><b><!--lowMonthlyWindchill--> <!--tempUnit--></td>
<td><font color=White><b><!--monthlyRain--> <!--rainUnit--></td>
<td><font color=Black><b><!--hiMonthlyRainRate--> <!--rateUnit--></td>
</tr>
<tr>
<td><font color=White>This Year</td>
<td><font color=Black><b><!--hiYearlyOutsideTemp--> <!--tempUnit--><hr><font color=White><!--lowYearlyOutsideTemp--> <!--tempUnit--></td>
<td><font color=Black><b><!--hiYearlyWindSpeed--> <!--windUnit--><hr></td>
<td><font color=Black><b><!--hiYearlyBarometer--> <!--barUnit--><hr><font color=White><!--lowYearlyBarometer--> <!--barUnit--></td>
<td><font color=Black><b><!--hiYearlyDewpoint--> <!--tempUnit--><hr><font color=White><!--lowYearlydewpoint--> <!--tempUnit--></td>
<td><font color=Black><b><!--hiYearlyHumidity-->%<hr><font color=White><!--lowYearlyHumidity-->%</td>
<td><font color=Black><b><!--hiYearlyHeatindex--> <!--tempunit--><hr></td>
<td><font color=White><b><hr><!--lowYearlyWindChill--> <!--tempUnit--></td>
<td><font color=White><b><!--totalRain--> <!--rainUnit--></td>
<td><font color=Black><b><!--hiYearlyRainRate--> <!--rateUnit--></td>
</tr>
</table><b>
Sunrise: <!--sunriseTime--> Sunset: <!--sunsetTime-->
</center>
<b><font size=2>1 - As used here, a "storm" begins when .02" of rain has fallen in a 24-hour period, and continues until 24 hours pass without .02" of rain.
<center>
<font size=1>Template courtesy of <a href="http://www.ag-weather.com">Round Hill Weather & Climatology</a>.
</body>
</html>
You can see how this one turns out at www.qsl.net/n6skk/nowcast.html