<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="TiVoInputFormCSS.css" />
<script type="text/javascript" src="calendarDateInput.js">
function ProgramNameCheck()
{
var name="";
name=document.getElementById("ProgramName").value;
var errorDiv=null;
errorDiv=document.getElementById("nameError");
if (name != "")
{
errorDiv.style.display="none";//hide error div
}
else
{
var errorText = "You did not enter a Program Name!";
errorDiv.innerHTML=errorText;
errorDiv.style.display = "block";
}
}
function ProgramMinutesCheck()
{
var name="";
name=document.getElementById("ProgramMinutes").value;
var errorDiv=null;
errorDiv=document.getElementById("minutesError");
if (name != "")
{
errorDiv.style.display="none";//hide error div
var minutes=null;
minutes=parseInt(name);
if (minutes<=0)
{
var errorText1="Program time must be at least 5 minutes";
errorDiv.innerHTML=errorText1;
errorDiv.style.display = "block";
}
if (minutes>600)
{
var errorText2="Program Time is too long";
errorDiv.innerHTML=errorText2;
errorDiv.style.display = "block";
}
}
else
{
var errorText3 = "You did not enter a Program Time!";
errorDiv.innerHTML=errorText3;
errorDiv.style.display = "block";
}
}
function ProgramYearError()
{
var name="";
name=document.getElementById("ProgramYear").value;
var errorDiv=null;
errorDiv=document.getElementById("yearError");
if (name != "")
{
errorDiv.style.display="none";//hide error div
var year=null;
year=parseInt(name);
if (year<=1930)
{
var errorText1="Please enter a valid year of production";
errorDiv.innerHTML=errorText1;
errorDiv.style.display = "block";
}
if (year>2007)
{
var errorText2="Please enter a valid year of production";
errorDiv.innerHTML=errorText2;
errorDiv.style.display = "block";
}
}
else
{
var errorText3 = "You did not enter a year of production";
errorDiv.innerHTML=errorText3;
errorDiv.style.display = "block";
}
}
function DatePopUp()
{
alert("Please Enter the Date of the Program");
//var calanderDiv="";
//calanderDiv=document.getElementById("ProgramAiring");
//calanderDiv.style.display="block";
}
function DayofWeekPopUp()
{
alert("Please Enter the day of the week that the Program Airs");
}
</script>
<title>TiVo Input Form</title>
</head>
<body>
<form>
<p>
Name of Program:
<input type="text" id="ProgramName"> <br />
<div id="nameError" class="NameError"> </div>
Length (Minutes):
<input type="text" id="ProgramMinutes">
<div id="minutesError" class="MinutesError"> </div>
</p>
<p>
Description:
<textarea id="ProgramDescription" rows="5" cols="50">
</textarea>
</p>
<p>
Rating(Out of 5):
<select id="ProgramRating">
<option value="1">*</option>
<option value="2">**</option>
<option value="3">***</option>
<option value="4">****</option>
<option value="5">*****</option>
</select>
</p>
<p>
Year of Production:
<input type="text" id="ProgramYear">
<div id="yearError" class="YearError"> </div>
</p>
<p>
How Often does the Program Air?
<br />
<input type="button" id="AiringOnce" value="Only Once"
onclick="DatePopUp();" />
<input type="button" id="AiringWeekly" value="Repeating Weekly"
onclick="DayofWeekPopUp();" />
<!--<div id="ProgramAiring" class="Airing" style="display:none;">
<script>DateInput('orderdate', true, 'DD-MON-YYYY')</script>
</div>!-->
</p>
<br />
<p>
<input type="button" value="Ready to Submit?"
onclick="ProgramNameCheck(); ProgramMinutesCheck(); ProgramYearError();"/>
<br />
<input type="submit" value="Submit Information"/>
<input type="reset" value ="Clear Entries" />
</p>
</form>
</body>
</html>