Location: PHPKode > projects > Attendance Management System > Attendance Management System/attendance/calendar.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<HTML>
<head>
	<title>Calendar</title>
	<style>
		 a {font: bold 11px arial; color: #ffffff;text-decoration: none}
		 select,input { font: normal 11px arial;}
		.hdr {font: normal 12px arial; background: gray; border-bottom: black 1px solid; border-left: black 1px solid; border-right: black 1px solid; border-top: black 1px solid; color: #ffffff;}
		.hdrA {background: gray; border-bottom: black 1px solid; border-left: black 1px solid; border-right: black 1px solid; border-top: black 1px solid; color: #ffffff; cursor: hand;}
		.tdstyle {text-align: center;font-weight:normal;font-size:10px;font-family: courier,times;background-color: #ecf5ff;color: black} 		 		
<!--#e6e6e6-->
	</style> 
</head>
<script type="text/javascript" language="JavaScript" src="calendar.js"></script>
<body bgcolor="#ecf5ff" marginleft="0" marginright="0" margintop="0" marginbottom="0">  <!--- #ecf5ff --->
<form name="calendarform">
		<table width="160" height="200" cellpadding="1" cellspacing="1" border="1" style="border: 2px solid #000000">
			<tr>
				 <td id="PrevDiv" class="hdrA" width="16"><a href="javascript: reducemonths();"><img src="/attendance/prev.gif" border="0"></a></td> 
			    <td class="hdr">
				        <select NAME="month" onchange="daylayerdisplay(document.calendarform.year.value,this.options[selectedIndex].value,100);">
						<option value="0">JAN</option> 
						<option value="1">FEB</option>
						<option value="2">MAR</option> 
						<option value="3">APR</option>
						<option value="4">MAY</option> 
						<option value="5">JUN</option>
						<option value="6">JUL</option>
						<option value="7">AUG</option> 
						<option value="8">SEP</option>
						<option value="9">OCT</option>
						<option value="10">NOV</option>
						<option value="11">DEC</option>
					    </select>
<script type="text/javascript" language="JavaScript">
var oDateNow = new Date();
m=document.calendarform.month.selectedIndex=oDateNow.getMonth();
</script>
			    </td>
			    <td class="hdr">
				       <input NAME="year" maxlength="4" size="6" width="4" onchange="daylayerdisplay(this.value,document.calendarform.month.selectedIndex,100);" style="font-family: times;font-size: 9px"/>
<!--Populating the current year value for the Year input field for the first time-->					   
<script type="text/javascript" language="JavaScript">  
var oDateNow = new Date();
if (N6){
y=document.calendarform.year.value=oDateNow.getYear()+1900;
}
else
{
y=document.calendarform.year.value=oDateNow.getYear();
}
</script>

				</td>
				<td id=NextDiv class="hdrA" width="16">				<a href="javascript: increasemonths();"><img src="/attendance/next1.gif" height="16" width="16" border="0"></a></td>
			</tr>				
			<tr>
				<td colspan="4" style="border-bottom: black 1px solid; border-left: black 1px solid; border-right: black 1px solid; border-top: black 1px solid;" >
					<table id="tblCalendar" width="100%" height="80" cellpadding="0" cellspacing="0" border="0">
	                        <tr><td colspan="7" height="1" width="100%" bgcolor="white"></td></tr> 
							<tr height="15%" bgcolor="white">
							<td class="tdstyle">S</td>
							<td class="tdstyle">M</td>
							<td class="tdstyle">T</td>
							<td class="tdstyle">W</td>
							<td class="tdstyle">T</td>
							<td class="tdstyle">F</td>
							<td class="tdstyle">S</td>
							</tr>																																										
							<tr height="15%" bgcolor="white"> 
							<td id="day1" class="tdstyle" valign="middle"><a href="#" class="tdstyle" onclick="sendvalue(document.calendarform.year.value,document.calendarform.month.selectedIndex,this.id);"></a></td>
							<td id="day2" valign="top"  class="tdstyle"><a href="#" class="tdstyle" onclick="sendvalue(document.calendarform.year.value,document.calendarform.month.selectedIndex,this.id);"></a></td>
							<td id="day3" valign="top" class="tdstyle"><a href="#" class="tdstyle" onclick="sendvalue(document.calendarform.year.value,document.calendarform.month.selectedIndex,this.id);"></a></td>
							<td id="day4" valign="top" class="tdstyle"><a href="#" class="tdstyle" onclick="sendvalue(document.calendarform.year.value,document.calendarform.month.selectedIndex,this.id);"></a></td>
							<td id="day5" valign="top" class="tdstyle"><a href="#" class="tdstyle" onclick="sendvalue(document.calendarform.year.value,document.calendarform.month.selectedIndex,this.id);"></a></td>
							<td id="day6" valign="top" class="tdstyle"><a href="#" class="tdstyle" onclick="sendvalue(document.calendarform.year.value,document.calendarform.month.selectedIndex,this.id);"></a></td>
							<td id="day7" valign="top" class="tdstyle"><a href="#" class="tdstyle" onclick="sendvalue(document.calendarform.year.value,document.calendarform.month.selectedIndex,this.id);"></a></td>
							</tr>
							<tr height="15%" bgcolor="gray">
								<td id="day8" valign="top" class="tdstyle"><a href="#" class="tdstyle" onclick="sendvalue(document.calendarform.year.value,document.calendarform.month.selectedIndex,this.id);"></a></td>
								<td id="day9" valign="top" class="tdstyle"><a href="#" class="tdstyle" onclick="sendvalue(document.calendarform.year.value,document.calendarform.month.selectedIndex,this.id);"></a></td>
								<td id="day10" valign="top" class="tdstyle"><a href="#" class="tdstyle" onclick="sendvalue(document.calendarform.year.value,document.calendarform.month.selectedIndex,this.id);"></a></td>
								<td id="day11" valign="top" class="tdstyle"><a href="#" class="tdstyle" onclick="sendvalue(document.calendarform.year.value,document.calendarform.month.selectedIndex,this.id);"></a></td>
								<td id="day12" valign="top" class="tdstyle"><a href="#" class="tdstyle" onclick="sendvalue(document.calendarform.year.value,document.calendarform.month.selectedIndex,this.id);"></a></td>
								<td id="day13" valign="top" class="tdstyle"><a href="#" class="tdstyle" onclick="sendvalue(document.calendarform.year.value,document.calendarform.month.selectedIndex,this.id);"></a></td>
								<td id="day14" valign="top" class="tdstyle"><a href="#" class="tdstyle" onclick="sendvalue(document.calendarform.year.value,document.calendarform.month.selectedIndex,this.id);"></a></td>
							</tr>
							<tr height="15%" bgcolor="gray">
								<td id="day15" valign="top" class="tdstyle"><a href="#" class="tdstyle" onclick="sendvalue(document.calendarform.year.value,document.calendarform.month.selectedIndex,this.id);"></a></td>
								<td id="day16" valign="top" class="tdstyle"><a href="#" class="tdstyle" onclick="sendvalue(document.calendarform.year.value,document.calendarform.month.selectedIndex,this.id);"></a></td>
								<td id="day17" valign="top" class="tdstyle"><a href="#" class="tdstyle" onclick="sendvalue(document.calendarform.year.value,document.calendarform.month.selectedIndex,this.id);"></a></td>
								<td id="day18" valign="top" class="tdstyle"><a href="#" class="tdstyle" onclick="sendvalue(document.calendarform.year.value,document.calendarform.month.selectedIndex,this.id);"></a></td>
								<td id="day19" valign="top" class="tdstyle"><a href="#" class="tdstyle" onclick="sendvalue(document.calendarform.year.value,document.calendarform.month.selectedIndex,this.id);"></a></td>
								<td id="day20" valign="top" class="tdstyle"><a href="#" class="tdstyle" onclick="sendvalue(document.calendarform.year.value,document.calendarform.month.selectedIndex,this.id);"></a></td>
								<td id="day21" valign="top" class="tdstyle"><a href="#" class="tdstyle" onclick="sendvalue(document.calendarform.year.value,document.calendarform.month.selectedIndex,this.id);"></a></td>
							</tr>
							<tr height="15%" bgcolor="gray">
								<td id="day22" valign="top" class="tdstyle"><a href="#" class="tdstyle" onclick="sendvalue(document.calendarform.year.value,document.calendarform.month.selectedIndex,this.id);"></a></td>
								<td id="day23" valign="top" class="tdstyle"><a href="#" class="tdstyle" onclick="sendvalue(document.calendarform.year.value,document.calendarform.month.selectedIndex,this.id);"></a></td>
								<td id="day24" valign="top" class="tdstyle"><a href="#" class="tdstyle" onclick="sendvalue(document.calendarform.year.value,document.calendarform.month.selectedIndex,this.id);"></a></td>
								<td id="day25" valign="top" class="tdstyle"><a href="#" class="tdstyle" onclick="sendvalue(document.calendarform.year.value,document.calendarform.month.selectedIndex,this.id);"></a></td>
								<td id="day26" valign="top" class="tdstyle"><a href="#" class="tdstyle" onclick="sendvalue(document.calendarform.year.value,document.calendarform.month.selectedIndex,this.id);"></a></td>
								<td id="day27" valign="top" class="tdstyle"><a href="#" class="tdstyle" onclick="sendvalue(document.calendarform.year.value,document.calendarform.month.selectedIndex,this.id);"></a></td>
								<td id="day28" valign="top" class="tdstyle"><a href="#" class="tdstyle" onclick="sendvalue(document.calendarform.year.value,document.calendarform.month.selectedIndex,this.id);"></a></td>
							</tr>
							<tr height="15%" bgcolor="gray">
								<td id="day29" valign="middle" class="tdstyle"><a href="#" class="tdstyle" onclick="sendvalue(document.calendarform.year.value,document.calendarform.month.selectedIndex,this.id);"></a></td>
								<td id="day30" valign="middle" class="tdstyle"><a href="#" class="tdstyle" onclick="sendvalue(document.calendarform.year.value,document.calendarform.month.selectedIndex,this.id);"></a></td>
								<td id="day31" valign="middle" class="tdstyle"><a href="#" class="tdstyle" onclick="sendvalue(document.calendarform.year.value,document.calendarform.month.selectedIndex,this.id);"></a></td>
								<td id="day32" valign="top" class="tdstyle"><a href="#" class="tdstyle" onclick="sendvalue(document.calendarform.year.value,document.calendarform.month.selectedIndex,this.id);"></a></td>
								<td id="day33" valign="top" class="tdstyle"><a href="#" class="tdstyle" onclick="sendvalue(document.calendarform.year.value,document.calendarform.month.selectedIndex,this.id);"></a></td>
								<td id="day34" valign="top" class="tdstyle"><a href="#" class="tdstyle" onclick="sendvalue(document.calendarform.year.value,document.calendarform.month.selectedIndex,this.id);"></a></td>
								<td id="day35" valign="top" class="tdstyle"><a href="#" class="tdstyle" onclick="sendvalue(document.calendarform.year.value,document.calendarform.month.selectedIndex,this.id);"></a></td>
							</tr>
							<tr height="15%" bgcolor="gray">
								<td id="day36" valign="top" class="tdstyle"><a href="#" class="tdstyle" onclick="sendvalue(document.calendarform.year.value,document.calendarform.month.selectedIndex,this.id);"></a></td>
								<td id="day37" valign="top" class="tdstyle"><a href="#" class="tdstyle" onclick="sendvalue(document.calendarform.year.value,document.calendarform.month.selectedIndex,this.id);"></a>&nbsp;</td>
								<td id="day38" valign="top" class="tdstyle"><a href="#" class="tdstyle" onclick="sendvalue(document.calendarform.year.value,document.calendarform.month.selectedIndex,this.id);"></a>&nbsp;</td>
								<td id="day39" valign="top" class="tdstyle"><a href="#" class="tdstyle" onclick="sendvalue(document.calendarform.year.value,document.calendarform.month.selectedIndex,this.id);"></a>&nbsp;</td>
								<td id="day40" valign="top" class="tdstyle"><a href="#" class="tdstyle" onclick="sendvalue(document.calendarform.year.value,document.calendarform.month.selectedIndex,this.id);"></a>&nbsp;</td>
								<td id="day41" valign="top" class="tdstyle"><a href="#" class="tdstyle" onclick="sendvalue(document.calendarform.year.value,document.calendarform.month.selectedIndex,this.id);"></a>&nbsp;</td>
								<td id="day42" valign="top" class="tdstyle"><a href="#" class="tdstyle" onclick="sendvalue(document.calendarform.year.value,document.calendarform.month.selectedIndex,this.id);"></a>&nbsp;</td>
							</tr>							
					</table>
					<table width="100%"  cellpadding="0" cellspacing="0">
							<tr>
								<td>&nbsp;</td><td bgcolor="#ffffff" height="1" width="100%" colspan="5">
								               <table bgcolor="#ecf5ff" border="0" cellspacing="0" cellpadding="0" width="100%"  >
											  <!--<tr><td colspan="2" align="center" valign="bottom" bgcolor="black" width="100%" height="2"><img src="../images/shim.gif" height="2" width="100%"></td></tr>-->
											   <tr><td  align="center"><a href="#" onclick="sendvalue(1,1,0);"><font color="#000000">Today</font></a></td><td  align="center"><a href="javascript:parent.window.hideCalendar()" onclick="parent.window.hideCalendar()"><a href="#" onclick="javascript:parent.document.getElementById('calendarframe').style.display='none';"><font color="#000000">Cancel</font></a></td></tr>
											   <tr><td align="center" height="2"></td><td height="2" align="center"></td></tr>										   
											   </table>
											   </td>
							     <td>&nbsp;</td> 
							</tr>	
					</table>		
				</td>				
			</tr>
		</table>
</form>
<script type="text/javascript" language="javascript">
daylayerdisplay(document.calendarform.year.value,document.calendarform.month.selectedIndex,100);
</script>
</form>
</html>
Return current item: Attendance Management System