[thelist] Different forms to the same script
Minh-Lee Goon
v7ac at sdsumus.sdstate.edu
Tue, 30 Nov 1999 09:58:40 -0600
Here's the code. I think if you try it out, you'll figure out what I'm trying to do.
<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Timesheet Calculator</title>
<style type="text/css">
<!--
b { color:#0080ff; font-size:20px; }
body { font-family:Arial; }
input { font-size:14px; font-family:"Courier New"; text-align:right; }
.red { color:#800040; font-size:22px; font-weight:800; }
-->
</style>
<script language="JavaScript" type="text/javascript">
<!--
function splitTime() {
Total_Duration = 0;
Start_Time_1 = document.TimeSheet.start1.value;
splitPoint = Start_Time_1.indexOf(":");
Start_Hours_1 = Start_Time_1.substring(0,splitPoint);
Start_Minutes_1 = Start_Time_1.substring((splitPoint + 1),Start_Time_1.length);
StartHours_1 = eval(Start_Hours_1);
StartMinutes_1 = eval(Start_Minutes_1);
Start_Time_2 = document.TimeSheet.start2.value;
splitPoint = Start_Time_2.indexOf(":");
Start_Hours_2 = Start_Time_2.substring(0,splitPoint);
Start_Minutes_2 = Start_Time_2.substring((splitPoint + 1),Start_Time_2.length);
StartHours_2 = eval(Start_Hours_2);
StartMinutes_2 = eval(Start_Minutes_2);
End_Time_1 = document.TimeSheet.end1.value;
splitPoint = End_Time_1.indexOf(":");
End_Hours_1 = End_Time_1.substring(0,splitPoint);
End_Minutes_1 = End_Time_1.substring((splitPoint + 1),End_Time_1.length);
EndHours_1 = eval(End_Hours_1);
EndMinutes_1 = eval(End_Minutes_1);
End_Time_2 = document.TimeSheet.end2.value;
splitPoint = End_Time_2.indexOf(":");
End_Hours_2 = End_Time_2.substring(0,splitPoint);
End_Minutes_2 = End_Time_2.substring((splitPoint + 1),End_Time_2.length);
EndHours_2 = eval(End_Hours_2);
EndMinutes_2 = eval(End_Minutes_2);
if ((StartHours_1 >= 25) || (StartHours_2 >= 25) || (EndHours_1 >= 25) || (EndHours_2 >= 25) ||
(StartMinutes_1 >= 60) || (StartMinutes_2 >= 60) || (EndMinutes_1 >= 60) || (EndMinutes_2 >= 60)) {
alert ("Please check the values again.");
}
if ((StartMinutes_1 > EndMinutes_1) && (StartMinutes_2 > EndMinutes_2)) {
hours = ((EndHours_1-1) - StartHours_1) + ((EndHours_2-1) - StartHours_2);
minutes = (((EndMinutes_1+60) - StartMinutes_1)+((EndMinutes_2+60) - StartMinutes_2))/60;
duration = hours + minutes;
if (duration <= 0) {
alert ("Please check the values again.");
}
else {
TimeSheet.duration.value = duration;
}
}
else
if ((StartMinutes_1 > EndMinutes_1) && (StartMinutes_2 <= EndMinutes_2)) {
hours = ((EndHours_1-1) - StartHours_1) + (EndHours_2 - StartHours_2);
minutes = (((EndMinutes_1+60) - StartMinutes_1)+(EndMinutes_2 - StartMinutes_2))/60;
duration = hours + minutes;
if (duration <= 0) {
alert ("Please check the values again.");
}
else {
TimeSheet.duration.value = duration;
}
}
else
if ((StartMinutes_1 <= EndMinutes_1) && (StartMinutes_2 > EndMinutes_2)) {
hours = (EndHours_1 - StartHours_1) + ((EndHours_2-1) - StartHours_2);
minutes = ((EndMinutes_1 - StartMinutes_1)+((EndMinutes_2+60) - StartMinutes_2))/60;
duration = hours + minutes;
if (duration <= 0) {
alert ("Please check the values again.");
}
else {
TimeSheet.duration.value = duration;
}
}
else
if ((StartMinutes_1 <= EndMinutes_1) && (StartMinutes_2 <= EndMinutes_2)) {
hours = (EndHours_1 - StartHours_1) + (EndHours_2 - StartHours_2);
minutes = ((EndMinutes_1 - StartMinutes_1)+(EndMinutes_2 - StartMinutes_2))/60;
duration = hours + minutes;
if (duration <= 0) {
alert ("Please check the values again.");
}
else {
TimeSheet.duration.value = duration;
}
}
}
//-->
</script>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" width="555">
<tr align="right" class="red" valign="bottom">
<td align="center" width="50">
Date
</td>
<td bgcolor="#FFFF80" width="100">
Start
</td>
<td bgcolor="#FFFF80" width="100">
End
</td>
<td bgcolor="#FFFF80" width="5"> </td>
<td width="100">
Start
</td>
<td width="100">
End
</td>
<td width="100">
TOTAL
</td>
</tr>
<tr align="right" valign="top">
<td align="center">
<font face="Arial" size="2">
<b>1</b>
</font>
</td>
<td bgcolor="#FFFF80">
<form method="post" name="TimeSheet">
<input name="start1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80">
<input name="end1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80" width="5"> </td>
<td>
<input name="start2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="end2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="duration" type="Text" size="10" maxlength="5" onchange="splitTime()">
</form>
</td>
</tr>
</table>
<!--
<tr align="right" valign="top">
<td align="center">
<font face="Arial" size="2">
<b>2</b>
</font>
</td>
<td bgcolor="#FFFF80">
<form method="post" name="TimeSheet">
<input name="start1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80">
<input name="end1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80" width="5"> </td>
<td>
<input name="start2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="end2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="duration" type="Text" size="10" maxlength="5" onchange="splitTime()">
</form>
</td>
</tr>
<tr align="right" valign="top">
<td align="center">
<font face="Arial" size="2">
<b>3</b>
</font>
</td>
<td bgcolor="#FFFF80">
<form method="post" name="TimeSheet">
<input name="start1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80">
<input name="end1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80" width="5"> </td>
<td>
<input name="start2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="end2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="duration" type="Text" size="10" maxlength="5" onchange="splitTime()">
</form>
</td>
</tr>
<tr align="right" valign="top">
<td align="center">
<font face="Arial" size="2">
<b>4</b>
</font>
</td>
<td bgcolor="#FFFF80">
<form method="post" name="TimeSheet">
<input name="start1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80">
<input name="end1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80" width="5"> </td>
<td>
<input name="start2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="end2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="duration" type="Text" size="10" maxlength="5" onchange="splitTime()">
</form>
</td>
</tr>
<tr align="right" valign="top">
<td align="center">
<font face="Arial" size="2">
<b>5</b>
</font>
</td>
<td bgcolor="#FFFF80">
<form method="post" name="TimeSheet">
<input name="start1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80">
<input name="end1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80" width="5"> </td>
<td>
<input name="start2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="end2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="duration" type="Text" size="10" maxlength="5" onchange="splitTime()">
</form>
</td>
</tr>
<tr align="right" valign="top">
<td align="center">
<font face="Arial" size="2">
<b>6</b>
</font>
</td>
<td bgcolor="#FFFF80">
<form method="post" name="TimeSheet">
<input name="start1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80">
<input name="end1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80" width="5"> </td>
<td>
<input name="start2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="end2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="duration" type="Text" size="10" maxlength="5" onchange="splitTime()">
</form>
</td>
</tr>
<tr align="right" valign="top">
<td align="center">
<font face="Arial" size="2">
<b>7</b>
</font>
</td>
<td bgcolor="#FFFF80">
<form method="post" name="TimeSheet">
<input name="start1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80">
<input name="end1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80" width="5"> </td>
<td>
<input name="start2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="end2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="duration" type="Text" size="10" maxlength="5" onchange="splitTime()">
</form>
</td>
</tr>
<tr align="right" valign="top">
<td align="center">
<font face="Arial" size="2">
<b>8</b>
</font>
</td>
<td bgcolor="#FFFF80">
<form method="post" name="TimeSheet">
<input name="start1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80">
<input name="end1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80" width="5"> </td>
<td>
<input name="start2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="end2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="duration" type="Text" size="10" maxlength="5" onchange="splitTime()">
</form>
</td>
</tr>
<tr align="right" valign="top">
<td align="center">
<font face="Arial" size="2">
<b>9</b>
</font>
</td>
<td bgcolor="#FFFF80">
<form method="post" name="TimeSheet">
<input name="start1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80">
<input name="end1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80" width="5"> </td>
<td>
<input name="start2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="end2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="duration" type="Text" size="10" maxlength="5" onchange="splitTime()">
</form>
</td>
</tr>
<tr align="right" valign="top">
<td align="center">
<font face="Arial" size="2">
<b>10</b>
</font>
</td>
<td bgcolor="#FFFF80">
<form method="post" name="TimeSheet">
<input name="start1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80">
<input name="end1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80" width="5"> </td>
<td>
<input name="start2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="end2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="duration" type="Text" size="10" maxlength="5" onchange="splitTime()">
</form>
</td>
</tr>
<tr align="right" valign="top">
<td align="center">
<font face="Arial" size="2">
<b>11</b>
</font>
</td>
<td bgcolor="#FFFF80">
<form method="post" name="TimeSheet">
<input name="start1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80">
<input name="end1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80" width="5"> </td>
<td>
<input name="start2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="end2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="duration" type="Text" size="10" maxlength="5" onchange="splitTime()">
</form>
</td>
</tr>
<tr align="right" valign="top">
<td align="center">
<font face="Arial" size="2">
<b>12</b>
</font>
</td>
<td bgcolor="#FFFF80">
<form method="post" name="TimeSheet">
<input name="start1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80">
<input name="end1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80" width="5"> </td>
<td>
<input name="start2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="end2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="duration" type="Text" size="10" maxlength="5" onchange="splitTime()">
</form>
</td>
</tr>
<tr align="right" valign="top">
<td align="center">
<font face="Arial" size="2">
<b>13</b>
</font>
</td>
<td bgcolor="#FFFF80">
<form method="post" name="TimeSheet">
<input name="start1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80">
<input name="end1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80" width="5"> </td>
<td>
<input name="start2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="end2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="duration" type="Text" size="10" maxlength="5" onchange="splitTime()">
</form>
</td>
</tr>
<tr align="right" valign="top">
<td align="center">
<font face="Arial" size="2">
<b>14</b>
</font>
</td>
<td bgcolor="#FFFF80">
<form method="post" name="TimeSheet">
<input name="start1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80">
<input name="end1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80" width="5"> </td>
<td>
<input name="start2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="end2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="duration" type="Text" size="10" maxlength="5" onchange="splitTime()">
</form>
</td>
</tr>
<tr align="right" valign="top">
<td align="center">
<font face="Arial" size="2">
<b>15</b>
</font>
</td>
<td bgcolor="#FFFF80">
<form method="post" name="TimeSheet">
<input name="start1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80">
<input name="end1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80" width="5"> </td>
<td>
<input name="start2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="end2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="duration" type="Text" size="10" maxlength="5" onchange="splitTime()">
</form>
</td>
</tr>
<tr align="right" valign="top">
<td align="center">
<font face="Arial" size="2">
<b>16</b>
</font>
</td>
<td bgcolor="#FFFF80">
<form method="post" name="TimeSheet">
<input name="start1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80">
<input name="end1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80" width="5"> </td>
<td>
<input name="start2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="end2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="duration" type="Text" size="10" maxlength="5" onchange="splitTime()">
</form>
</td>
</tr>
<tr align="right" valign="top">
<td align="center">
<font face="Arial" size="2">
<b>17</b>
</font>
</td>
<td bgcolor="#FFFF80">
<form method="post" name="TimeSheet">
<input name="start1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80">
<input name="end1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80" width="5"> </td>
<td>
<input name="start2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="end2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="duration" type="Text" size="10" maxlength="5" onchange="splitTime()">
</form>
</td>
</tr>
<tr align="right" valign="top">
<td align="center">
<font face="Arial" size="2">
<b>18</b>
</font>
</td>
<td bgcolor="#FFFF80">
<form method="post" name="TimeSheet">
<input name="start1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80">
<input name="end1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80" width="5"> </td>
<td>
<input name="start2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="end2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="duration" type="Text" size="10" maxlength="5" onchange="splitTime()">
</form>
</td>
</tr>
<tr align="right" valign="top">
<td align="center">
<font face="Arial" size="2">
<b>19</b>
</font>
</td>
<td bgcolor="#FFFF80">
<form method="post" name="TimeSheet">
<input name="start1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80">
<input name="end1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80" width="5"> </td>
<td>
<input name="start2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="end2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="duration" type="Text" size="10" maxlength="5" onchange="splitTime()">
</form>
</td>
</tr>
<tr align="right" valign="top">
<td align="center">
<font face="Arial" size="2">
<b>20</b>
</font>
</td>
<td bgcolor="#FFFF80">
<form method="post" name="TimeSheet">
<input name="start1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80">
<input name="end1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80" width="5"> </td>
<td>
<input name="start2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="end2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="duration" type="Text" size="10" maxlength="5" onchange="splitTime()">
</form>
</td>
</tr>
<tr align="right" valign="top">
<td align="center">
<font face="Arial" size="2">
<b>21</b>
</font>
</td>
<td bgcolor="#FFFF80">
<form method="post" name="TimeSheet">
<input name="start1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80">
<input name="end1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80" width="5"> </td>
<td>
<input name="start2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="end2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="duration" type="Text" size="10" maxlength="5" onchange="splitTime()">
</form>
</td>
</tr>
<tr align="right" valign="top">
<td align="center">
<font face="Arial" size="2">
<b>22</b>
</font>
</td>
<td bgcolor="#FFFF80">
<form method="post" name="TimeSheet">
<input name="start1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80">
<input name="end1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80" width="5"> </td>
<td>
<input name="start2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="end2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="duration" type="Text" size="10" maxlength="5" onchange="splitTime()">
</form>
</td>
</tr>
<tr align="right" valign="top">
<td align="center">
<font face="Arial" size="2">
<b>23</b>
</font>
</td>
<td bgcolor="#FFFF80">
<form method="post" name="TimeSheet">
<input name="start1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80">
<input name="end1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80" width="5"> </td>
<td>
<input name="start2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="end2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="duration" type="Text" size="10" maxlength="5" onchange="splitTime()">
</form>
</td>
</tr>
<tr align="right" valign="top">
<td align="center">
<font face="Arial" size="2">
<b>24</b>
</font>
</td>
<td bgcolor="#FFFF80">
<form method="post" name="TimeSheet">
<input name="start1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80">
<input name="end1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80" width="5"> </td>
<td>
<input name="start2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="end2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="duration" type="Text" size="10" maxlength="5" onchange="splitTime()">
</form>
</td>
</tr>
<tr align="right" valign="top">
<td align="center">
<font face="Arial" size="2">
<b>25</b>
</font>
</td>
<td bgcolor="#FFFF80">
<form method="post" name="TimeSheet">
<input name="start1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80">
<input name="end1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80" width="5"> </td>
<td>
<input name="start2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="end2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="duration" type="Text" size="10" maxlength="5" onchange="splitTime()">
</form>
</td>
</tr>
<tr align="right" valign="top">
<td align="center">
<font face="Arial" size="2">
<b>26</b>
</font>
</td>
<td bgcolor="#FFFF80">
<form method="post" name="TimeSheet">
<input name="start1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80">
<input name="end1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80" width="5"> </td>
<td>
<input name="start2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="end2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="duration" type="Text" size="10" maxlength="5" onchange="splitTime()">
</form>
</td>
</tr>
<tr align="right" valign="top">
<td align="center">
<font face="Arial" size="2">
<b>27</b>
</font>
</td>
<td bgcolor="#FFFF80">
<form method="post" name="TimeSheet">
<input name="start1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80">
<input name="end1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80" width="5"> </td>
<td>
<input name="start2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="end2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="duration" type="Text" size="10" maxlength="5" onchange="splitTime()">
</form>
</td>
</tr>
<tr align="right" valign="top">
<td align="center">
<font face="Arial" size="2">
<b>28</b>
</font>
</td>
<td bgcolor="#FFFF80">
<form method="post" name="TimeSheet">
<input name="start1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80">
<input name="end1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80" width="5"> </td>
<td>
<input name="start2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="end2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="duration" type="Text" size="10" maxlength="5" onchange="splitTime()">
</form>
</td>
</tr>
<tr align="right" valign="top">
<td align="center">
<font face="Arial" size="2">
<b>29</b>
</font>
</td>
<td bgcolor="#FFFF80">
<form method="post" name="TimeSheet">
<input name="start1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80">
<input name="end1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80" width="5"> </td>
<td>
<input name="start2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="end2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="duration" type="Text" size="10" maxlength="5" onchange="splitTime()">
</form>
</td>
</tr>
<tr align="right" valign="top">
<td align="center">
<font face="Arial" size="2">
<b>30</b>
</font>
</td>
<td bgcolor="#FFFF80">
<form method="post" name="TimeSheet">
<input name="start1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80">
<input name="end1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80" width="5"> </td>
<td>
<input name="start2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="end2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="duration" type="Text" size="10" maxlength="5" onchange="splitTime()">
</form>
</td>
</tr>
<tr align="right" valign="top">
<td align="center">
<font face="Arial" size="2">
<b>31</b>
</font>
</td>
<td bgcolor="#FFFF80">
<form method="post" name="TimeSheet">
<input name="start1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80">
<input name="end1" type="Text" size="10" maxlength="5" onchange="splitTime()">
</td>
<td bgcolor="#FFFF80" width="5"> </td>
<td>
<input name="start2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="end2" type="Text" size="10" maxlength="5" onchange="splitTime()" value="00:00">
</td>
<td>
<input name="duration" type="Text" size="10" maxlength="5" onchange="splitTime()">
</form>
</td>
</tr>
</table>
-->
<br>
<b>Total number of hours:</b> <input name="total" type="Text" size="10" maxlength="5"
onchange="splitTime()" maxlength="5" onchange="splitTime()">
</body>
</html>