<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="cto4.css" />
<title>Centretown Observatory: Weather: Additonal Observation Form</title>
<script>
var xhr = new XMLHttpRequest();
function runWithIt()
{
var url=document.URL;
if (url.indexOf("64180")>0) {
theUrl = "http://mizar64.dyndns-home.com:64180/cgi-bin/wxupdates";
} else {
theUrl = "http://gypsy/cgi-bin/wxupdates";
}
var postData = "";
postData="Mode=ExtraSky";
if (document.getElementById("ltrain").checked){postData=postData+"&Sky=Light Rain";}
if (document.getElementById("rain").checked){postData=postData+"&Sky=Rain";}
if (document.getElementById("hvyrain").checked){postData=postData+"&Sky=Heavy Rain";}
if (document.getElementById("ltsnow").checked){postData=postData+"&Sky=Light Snow";}
if (document.getElementById("snow").checked){postData=postData+"&Sky=Snow";}
if (document.getElementById("hvysnow").checked){postData=postData+"Sky=Heavy Snow";}
if (document.getElementById("fog").checked){postData=postData+"&Sky=Fog";}
if (document.getElementById("tstorm").checked){postData=postData+"&Sky=Thunderstorm";}
if (document.getElementById("hail").checked){postData=postData+"&Sky=Hail";}
if (document.getElementById("frzrain").checked){postData=postData+"&Sky=Freezing Rain";}
if (document.getElementById("driz").checked){postData=postData+"&Sky=Drizzle";}
if (document.getElementById("reset").checked){postData=postData+"&Sky=Reset";}
postData=postData+"&Duration="+Math.round(document.getElementById("duration").value)/5;
// document.getElementById("stub").innerHTML = postData;
var method = "POST";
var async = true;
xhr.open(method, theUrl, async);
xhr.onreadystatechange = handlerFunction;
xhr.send(postData);
}
function handlerFunction() {
if (xhr.readyState == 4) {
document.getElementById("stub").innerHTML = "Response: "+xhr.responseText;
}
}
</script>
</head>
<body background="Graphics/CTO/clouds.jpg" bgproperties="fixed"">
<font face="Arial" color="black">
<table width="1080px" align="center" border="1" frame="border" bordercolor="black" bgcolor="white" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" colspan="2" valign="TOP">
<table width="100%" border="0" bgcolor="white" cellspacing="0" cellpadding="5">
<tr>
<!-- TITLE -->
<td width="50%" bgcolor="white" valign="top">
<table width="100%" bgcolor="white" valign="top">
<tr>
<td width="120px">
<img width="120" height="160" src="Graphics/CTO/cto_logo_120x160.jpg"/>
</td>
<td>
<center>
<h1>Centretown Observatory:</h1>
<h2>Additional Observation Form</h2>
<b><font color="Teal" size="-1">Times in <@OTZF> (<@OTZS> = GMT<@OTZO>)</b><br><br/>
(To see this page's template code, please <a href="w-extrasky-src.html">Click Here</a>.)
</center>
</td>
</tr>
</table>
</td>
<!-- TOP MENU -->
<td width="50%"> </td>
</tr>
</table>
</td>
</tr>
<!-- ******************************************************************************************************
QUERY BUILDER
****************************************************************************************************** -->
<tr class="groupheading"><td colspan="2"><p class="groupheading"> <i>Please Submit Your Observation Below:</i></b></font></td></tr>
<tr bgcolor="#FFEFEF"><td colspan="2">
<table align="center" border="0" rules="none" bgcolor="#FFEFEF" bordercolor="black" width="50%" cellspacing="0" cellpadding="0">
<tr><td colspan="3"><H1><font color="blue"><b>Additional Observation Form v1.02
</b></H1></td></tr>
<form name="butForm">
<tr><td colspan="3"> </td></tr>
<tr><td width="33%"><input type="radio" name="sky" id="ltsnow" value="lightsnow" checked/>Light Snow</td>
<td width="33%"><input type="radio" name="sky" id="snow" value="snow"/>Snow</td>
<td width="33%"><input type="radio" name="sky" id="hvysnow" value="heavysnow"/>Heavy Snow</td>
</tr>
<tr><td width="25%"><input type="radio" name="sky" id="ltrain" value="lightrain"/>Light Rain</td>
<td><input type="radio" name="sky" id="rain" value="rain"/>Rain</td>
<td><input type="radio" name="sky" id="hvyrain" value="heavyrain"/>Heavy Rain</td>
</tr>
<tr><td width="25%"><input type="radio" name="sky" id="fog" value="fog"/>Fog</td>
<td><input type="radio" name="sky" id="tstorm" value="thunderstorm"/>Thunderstorm</td>
<td><input type="radio" name="sky" id="hail" value="hail"/>Hail</td>
</tr>
<tr><td><input type="radio" name="sky" id="frzrain" value="frzrain"/>Freezing Rain</td>
<td><input type="radio" name="sky" id="driz" value="driz"/>Drizzle</td>
<td><input type="radio" name="sky" id="reset" value="reset"/><b>Reset</b></td>
</tr>
<tr><td colspan="3"> </td></tr>
<tr><td colspan="3">Duration (m): <input type="text" id="duration" value="20"/></td></tr>
<tr><td colspan="3"> </td></tr>
<tr>
<td><button type="button" onClick="runWithIt()">Submit</td>
<!-- <td><button type="button" onClick="runWithIt('http://mizar64.dyndns-home.com:64180/cgi-bin/wxupdates')">Submit Outside</td> -->
<td></td>
</tr>
</form>
</table>
<a name="stub" id="stub"/>
<br/>
</td>
</tr>
</table>
<br>
<br>
</center>
</font>
</body>
</html>