<HTML>
<HEAD>
<TITLE>女性安全期测试</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
<style type="text/css">
<!--
a { text-decoration: none}
a:hover { text-decoration: underline ;color:#0000ff}
A:active { color: #FF0099}
table{ font-family: "宋体"; font-size: 9pt}
.nine-pt { font-family: "宋体"; font-size: 9pt}
.inputform { border: 1px double; border-color: #000000; font-family: "宋体"; font-size: 9pt }
.titletext { FONT-SIZE: 14.8px; FONT-FAMILY: "宋体"; LETTER-SPACING: 6px;}
INPUT{background: #efefff; BORDER-TOP-WIDTH: 1px; PADDING-RIGHT: 1px; PADDING-LEFT: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 9pt; BORDER-LEFT-COLOR: #cccccc; BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #cccccc; PADDING-BOTTOM: 1px; BORDER-TOP-COLOR: #cccccc; PADDING-TOP: 1px; HEIGHT: 18px; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #cccccc}
-->
</style>
<script language="JavaScript">
<!-- Hide this script from old browsers --
if (!document.layers&&!document.all)
event="test"
function showtip2(current,e,text,index){
if (document.all&&document.readyState=="complete"){
eval("var tooltip=document.all.tooltip" + index + ";")
//tooltip.innerHTML='<marquee style="border:1px solid black">'+text+'</marquee>'
tooltip.innerHTML='' + text + '</TABLE>'
tooltip.style.pixelLeft=event.x-195
tooltip.style.pixelTop=event.y-130
tooltip.style.visibility="visible"
}
else if (document.layers){
eval("var tooltip=document.tooltip" + index + ";")
eval("var nstip=document.tooltip" + index + ".document.nstip" + index + ";")
nstip.document.write('<b>'+text+'</b>')
nstip.document.close()
nstip.left=0
//currentscroll=setInterval("scrolltip(" + index + ")",100)
tooltip.left=event.x-195
tooltip.top=event.y-130
tooltip.visibility="show"
}
}
function hidetip2(index){
if (document.all)
eval("document.all.tooltip" + index + ".style.visibility='hidden';");
else if (document.layers){
//clearInterval(currentscroll)
eval("document.tooltip" + index + ".visibility='hidden';")
}
}
function scrolltip(index){
eval("var nstip=document.tooltip" + index + ".document.nstip" + index + ";")
if (nstip.left>=-nstip.document.width)
nstip.left-=5
else
nstip.left=150
}
function montharr(m0, m1, m2, m3, m4, m5, m6, m7, m8, m9, m10, m11)
{
this[0] = m0;
this[1] = m1;
this[2] = m2;
this[3] = m3;
this[4] = m4;
this[5] = m5;
this[6] = m6;
this[7] = m7;
this[8] = m8;
this[9] = m9;
this[10] = m10;
this[11] = m11;
}
var CalendarOuterHTML = '';
var Today = new Date();
var DaysPerMonth = 0;
//Get the number of day in some month
function GetDayPerMonth(year,month)
{
var monthDays = new montharr(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
if (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0))
monthDays[1] = 29;
DaysPerMonth = monthDays[month];
}
function GetCalendarOuterHTML(CalendarIndex,HaveLayer)
{
CalendarOuterHTML = '';
var thisYear = frmInput.txtYear.value;
var thisMonth = parseInt(frmInput.txtMonth.value) + CalendarIndex - 1 ;
//when thisMonth beyond 12
if (thisMonth > 12)
{
thisYear = parseInt(thisYear) + 1;
thisMonth = thisMonth % 12;
}
//title of the calendar
CalendarOuterHTML = CalendarOuterHTML + "<table border=0 cellspacing=0 cellpadding=3 align=right id=Calendar" + CalendarIndex + ">";
CalendarOuterHTML = CalendarOuterHTML + "<TR bgcolor=#84C1FF><TD colspan=7 class=nine-pt height=15 align=center>";
CalendarOuterHTML = CalendarOuterHTML + thisYear+' 年 ';
CalendarOuterHTML = CalendarOuterHTML + thisMonth +' 月';
CalendarOuterHTML = CalendarOuterHTML + "<TR bgcolor=#CAE4FF><TD width=18 class=nine-pt>日<TD width=18 class=nine-pt>一<TD width=18 class=nine-pt>二<TD width=18 class=nine-pt>三<TD width=18 class=nine-pt>四<TD width=18 class=nine-pt>五<TD width=18 class=nine-pt>六";
CalendarOuterHTML = CalendarOuterHTML + "<TR bgcolor=#FFFFFF>";
//Get the day of the first Day
var firstDay = new Date(Date.UTC(frmInput.txtYear.value,(parseInt(frmInput.txtMonth.value)-2+CalendarIndex),1));
testMe = firstDay.getDate();
if (testMe == 2)
firstDay.setDate(0);
startDay = firstDay.getDay();
//display empty cells before the first day of the month
column = 0;
for (i=0; i<startDay; i++)
{
CalendarOuterHTML = CalendarOuterHTML + "<TD width=18 class=nine-pt>";
column++;
}
//display the grids in the calendar
var Lastday = new Date(Date.UTC(frmInput.txtYear.value,(parseInt(frmInput.txtMonth.value)-1),frmInput.txtDay.value))
GetDayPerMonth(thisYear,thisMonth-1)
for (i=1; i<=DaysPerMonth; i++)
{
CalendarOuterHTML = CalendarOuterHTML + "<TD width=18 class=nine-pt>";
var color = "blue"; //default color without layer displayed
//Get layer HTML
if (HaveLayer)
{
var ThisDay = new Date(Date.UTC(thisYear,thisMonth-1,i))
var msPerDay = 24 * 60 * 60 * 1000 ;
var mensesCyc = parseInt(frmInput.txtMinMensesCyc.value); //Min menses Cycle
var msDiff = ThisDay.getTime() - Lastday.getTime();
dayDiff = Math.floor(msDiff / msPerDay); //get the days between thisday and lastday
dayRemainder = (dayDiff % mensesCyc + mensesCyc) % mensesCyc;
//if (i<2) {alert(ThisDay.toLocaleString()); alert(Lastday.toLocaleString()); alert(dayDiff);alert(dayRemainder);}
var tooltips =""; //content of layer
if (dayRemainder>=0 && dayRemainder<=4)
{ color = "#FF9900";
tooltips = "这是月经期，要注意经期卫生，当然也要“节欲”，避免性事哦！"
}
if (dayRemainder>=5 && dayRemainder<=(mensesCyc-20))
{ color = "#009933";
tooltips = "这是安全期，性事一般不会受孕，您放心吧！";
}
if (dayRemainder>=(mensesCyc-19) && dayRemainder<=(mensesCyc-10))
{ color = "#FF3300";
tooltips = "这是危险期，亦称排卵期，性事受孕可能性大，千万要注意哦！";
}
if (dayRemainder>=(mensesCyc-9) && dayRemainder<=(mensesCyc-1))
{ color = "#009933";
tooltips = "这是安全期，性事一般不会受孕，您放心吧！";
}
iLayerIndex = 40*CalendarIndex + i ; //index of layer
tooltips = "<TABLE border=0 cellPadding=2 cellSpacing=1 width=100% align=center bgcolor=#008080>" +
"<TR><TD style=BACKGROUND-COLOR:white;COLOR:" + color + ";FONT-FAMILY:宋体;FONT-SIZE:9pt;TEXT-DECORATION:none> " +
tooltips + "</TD></TR></TABLE>";
CalendarOuterHTML = CalendarOuterHTML + "<div id=\"tooltip" + iLayerIndex + "\" style=\"position:absolute;visibility:hidden;clip:rect(0 150 150 0);width:150px;background-color:seashell\">";
CalendarOuterHTML = CalendarOuterHTML + "<layer name=\"nstip" + iLayerIndex + "\" width=\"1000px\" bgColor=\"seashell\" height=\"500px\"></layer></div>";
CalendarOuterHTML = CalendarOuterHTML + "<a href=\"#\" onMouseOver=\"showtip2(this,event,'" + tooltips + "'," + iLayerIndex + ")\" onMouseOut=\"hidetip2(" + iLayerIndex + ")\">";
}
CalendarOuterHTML = CalendarOuterHTML + "<FONT COLOR=\"" + color + "\">" + i + "</FONT>";
column++;
if (column == 7)
{
CalendarOuterHTML = CalendarOuterHTML + "<TR bgcolor=#FFFFFF>";
column = 0;
}
}
//display empty cells after the final day of the month
var FinalDay = new Date(Date.UTC(frmInput.txtYear.value,(parseInt(frmInput.txtMonth.value)-2+CalendarIndex),DaysPerMonth));
testMe = FinalDay.getDate();
if (testMe == 2)
FinalDay.setDate(0);
EndDay = FinalDay.getDay();
for (i=EndDay; i<6; i++)
{
CalendarOuterHTML = CalendarOuterHTML + "<TD width=18 class=nine-pt>";
}
CalendarOuterHTML = CalendarOuterHTML + "</TABLE>";
}
//to check input errors and display both ca
