女性安全期测试(JS)
< HTML >
< HEAD >
< TITLE > 女性安全期测试 TITLE >
< META HTTP-EQUIV ="Content-Type" CONTENT ="text/html; charset=gb2312" >
< style type ="text/css" >
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" >
if (document.all && document.readyState == " complete " ){
eval( " var tooltip=document.all.tooltip " + index + " ; " )
// tooltip.innerHTML='
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 + "
CalendarOuterHTML = CalendarOuterHTML + "
CalendarOuterHTML = CalendarOuterHTML + thisYear + ' 年 ';
CalendarOuterHTML = CalendarOuterHTML + thisMonth + ' 月';
CalendarOuterHTML = CalendarOuterHTML + "
CalendarOuterHTML = CalendarOuterHTML + "
// 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 + "
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 + "
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 = "
"
tooltips + "
CalendarOuterHTML = CalendarOuterHTML + " " tooltip " + iLayerIndex + " \ " style=\ " position:absolute;visibility:hidden;clip:rect( 0 150 150 0 );width:150px;background - color:seashell\ " > " ;
CalendarOuterHTML = CalendarOuterHTML + "
CalendarOuterHTML = CalendarOuterHTML + "
}
CalendarOuterHTML = CalendarOuterHTML + "
column ++ ;
if (column == 7 )
{
CalendarOuterHTML = CalendarOuterHTML + "
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 + "
}
CalendarOuterHTML = CalendarOuterHTML + " " ;
}
// to check input errors and display both calendars
function DisplayCalendar()
{
// check whether the date is legal
if (frmInput.txtYear.value < 1900 || isNaN(frmInput.txtYear.value))
{
alert( " 请输入合法年份！ " )
frmInput.txtYear.focus();
return false ;
}
if (isNaN(frmInput.txtMonth.value) || frmInput.txtMonth.value < 1 || frmInput.txtMonth.value > 12 )
{
alert( " 请输入合法月份！ " )
frmInput.txtMonth.focus();
return false ;
}
GetDayPerMonth(frmInput.txtYear.value,frmInput.txtMonth.value - 1 )
if (isNaN(frmInput.txtDay.value) || frmInput.txtDay.value < 1 || frmInput.txtDay.value > DaysPerMonth)
{
alert( " 请输入合法日期！ " )
frmInput.txtDay.focus();
return false ;
}
var Lastday = new Date(Date.UTC(frmInput.txtYear.value,(parseInt(frmInput.txtMonth.value) - 1 ),frmInput.txtDay.value))
if ((Today.getTime() - Lastday.getTime()) < 0 )
{
alert( " 请输入正确的上次月经时间(不能早于当前时间)！ " )
frmInput.txtYear.focus();
return false ;
}
// check input
if (isNaN(frmInput.txtMinMensesCyc.value))
{
alert( " 请输入数字！ " )
frmInput.txtMinMensesCyc.focus();
return false ;
}
if (parseInt(frmInput.txtMinMensesCyc.value) > 40 || parseInt(frmInput.txtMinMensesCyc.value) < 22 )
{
alert( " 您输入的最短月经周期与标准月经周期相差太大，程序无法测试，请仔细核对。\n\n如输入确无问题请咨询医生！ " )
frmInput.txtMinMensesCyc.focus();
return false ;
}
if (isNaN(frmInput.txtMaxMensesCyc.value) || parseInt(frmInput.txtMaxMensesCyc.value) < parseInt(frmInput.txtMinMensesCyc.value))
{
alert( " 输入错误，请仔细核对您的输入周期！ " );
frmInput.txtMaxMensesCyc.focus();
return false ;
}
// display calendars
GetCalendarOuterHTML( 1 , 1 );
document.all.Calendar1.outerHTML = CalendarOuterHTML;
GetCalendarOuterHTML( 2 , 1 );
document.all.Calendar2.outerHTML = CalendarOuterHTML;
MM_showHideLayers('Layer1','','show');
}
// Initialize
function InitialCalendar()
{
// Initialize the date input boxes
frmInput.txtYear.value = Today.getYear();
frmInput.txtMonth.value = Today.getMonth() + 1 ;
frmInput.txtDay.value = Today.getDate();
// Initialize the calendars
GetCalendarOuterHTML( 1 , 0 );
document.all.Calendar1.outerHTML = CalendarOuterHTML;
GetCalendarOuterHTML( 2 , 0 );
document.all.Calendar2.outerHTML = CalendarOuterHTML;
// Set focus
frmInput.btnCalculate.focus();
}
// -- End Hiding Here -->
script >
< script language ="JavaScript" >
if ((appName == " Netscape " ) && (parseInt(appVersion) == 4 )) {
document.MM_pgW = innerWidth; document.MM_pgH = innerHeight; onresize = MM_reloadPage; }}
else if (innerWidth != document.MM_pgW || innerHeight != document.MM_pgH) location.reload();
}
MM_reloadPage( true );
// -->
function MM_findObj(n, d) { // v4.0
var p,i,x; if ( ! d) d = document; if ((p = n.indexOf( " ? " )) > 0 && parent.frames.length) {
d = parent.frames[n.substring(p + 1 )].document; n = n.substring( 0 ,p);}
if ( ! (x = d[n]) && d.all) x = d.all[n]; for (i = 0 ; ! x && i < d.forms.length;i ++ ) x = d.forms[i][n];
for (i = 0 ; ! x && d.layers && i < d.layers.length;i ++ ) x = MM_findObj(n,d.layers[i].document);
if ( ! x && document.getElementById) x = document.getElementById(n); return x;
}
function MM_showHideLayers() { // v3.0
var i,p,v,obj,args = MM_showHideLayers.arguments;
for (i = 0 ; i < (args.length - 2 ); i += 3 ) if ((obj = MM_findObj(args[i])) != null ) { v = args[i + 2 ];
if (obj.style) { obj = obj.style; v = (v == 'show') ? 'visible':(v = 'hide') ? 'hidden':v; }
obj.visibility = v; }
}
function MM_swapImgRestore() { // v3.0
var i,x,a = document.MM_sr; for (i = 0 ;a && i < a.length && (x = a[i]) && x.oSrc;i ++ ) x.src = x.oSrc;
}
function MM_preloadImages() { // v3.0
var d = document; if (d.images){ if ( ! d.MM_p) d.MM_p = new Array();
var i,j = d.MM_p.length,a = MM_preloadImages.arguments; for (i = 0 ; i < a.length; i ++ )
if (a[i].indexOf( " # " ) != 0 ){ d.MM_p[j] = new Image; d.MM_p[j ++ ].src = a[i];}}
}
function MM_swapImage() { // v3.0
var i,j = 0 ,x,a = MM_swapImage.arguments; document.MM_sr = new Array; for (i = 0 ;i < (a.length - 2 );i += 3 )
if ((x = MM_findObj(a[i])) != null ){document.MM_sr[j ++ ] = x; if ( ! x.oSrc) x.oSrc = x.src; x.src = a[i + 2 ];}
}
// -->
script >
HEAD >
< BODY BGCOLOR =#FFFFFF onload ="javascript:InitialCalendar();MM_preloadImages('img/close_o.gif')" >
< script language ="JavaScript" >
event.cancelBubble = true
event.returnValue = false ;
return false ;
}
function norightclick(e)
{
if (window.Event)
{
if (e.which == 2 || e.which == 3 )
return false ;
}
else
if (event.button == 2 || event.button == 3 )
{
event.cancelBubble = true
event.returnValue = false ;
return false ;
}
}
document.oncontextmenu = nocontextmenu; // for IE5+
document.onmousedown = norightclick; // for all others
// -->
script >
< div id ="Layer1" style ="position:absolute; left:205px; top:155px; width:337px; height:307px; z-index:2; visibility: hidden" >
< table width ="360" border ="0" cellspacing ="1" cellpadding ="3" align ="center" height ="250" bgcolor ="#FFCCFF" >
< tr >
< td bgcolor ="#FFCCFF" align ="center" class ="titletext" >
< table width ="100%" border ="0" cellspacing ="0" cellpadding ="0" >
< tr >
< td width ="95%" class ="titletext" align ="center" > 结果显示 td >
< td width ="5%" >< a href ="#" onMouseOut ="MM_swapImgRestore()" onMouseOver ="MM_swapImage('Image1','','img/close_o.gif',1)" >< img name ="Image1" border ="0" src ="img/close_d.gif" width ="11" height ="11" onClick ="MM_showHideLayers('Layer1','','hide')" > a > td >
tr >
table >
td >
tr >
< tr >
< td bgcolor ="#EEF7FF" align ="center" >
< table width ="360" border ="0" cellspacing ="0" cellpadding ="0" align ="center" >
< tr valign ="top" >
< td height ="66" class ="nine-pt" width ="169" valign ="top" >
< table border ="0" cellspacing ="0" cellpadding ="3" id =Calendar1 >
table >
td >
< td height ="66" class ="nine-pt" width ="191" valign ="top" >
< table border ="0" cellspacing ="0" cellpadding ="3" align ="right" id =Calendar2 >
table >
td >
tr >
table >< br >
< table width ="256" border ="0" cellspacing ="0" cellpadding ="0" align ="center" >
< tr class ="nine-pt" >
< td width ="89" height ="2" >
< table width ="77" border ="0" cellspacing ="0" cellpadding ="0" >
< tr class ="nine-pt" >
< td bgcolor ="#009933" width ="30" > td >
< td width ="47" > 安全期 td >
tr >
table >
td >
< td width ="85" height ="2" >
< table width ="77" border ="0" cellspacing ="0" cellpadding ="0" >
< tr class ="nine-pt" >
< td bgcolor ="#FF3300" width ="30" > td >
< td width ="47" > 危险期 td >
tr >
table >
td >
< td width ="82" height ="2" >
< table width ="77" border ="0" cellspacing ="0" cellpadding ="0" >
< tr class ="nine-pt" >
< td bgcolor ="#FFCC00" width ="30" > td >
< td width ="47" > 月经期 td >
tr >
table >
td >
tr >
table >
td >
tr >
table >
div >
< table border ="1" cellspacing ="0" cellpadding ="2" align ="center" bordercolor ="#666699" >
< tr >
< td bordercolor ="#FFFFFF" align ="center" class ="titletext" bgcolor ="#EEF7FF" >< font color ="#0066CC" > 女性安全期测试 font > td >
tr >
< tr >
< td bordercolor ="#FFFFFF" align ="center" >
< form method ="post" action ="#" name =frmInput onsubmit ="javascript:DisplayCalendar();" >
< table width ="360" border ="0" cellspacing ="1" cellpadding ="2" bordercolorlight ="#666666" align ="center" bordercolordark ="#FFFFFF" bordercolor ="#000000" >
< tr bgcolor ="#D2E9FF" >
< td rowspan ="2" class ="nine-pt" height ="14" width ="80" align ="center" >
月经周期设置 td >
< td class ="nine-pt" height ="12" colspan ="3" width ="266" > 最短月经周期
< input type ="text" name ="txtMinMensesCyc" size ="2" maxlength =2 class ="inputform" value ="28" >
天 td >
tr >
< tr bgcolor ="C6EB4C" >
< td colspan ="3" class ="nine-pt" height ="2" width ="266" bgcolor ="#D2E9FF" > 最长月经周期
< input type ="text" name ="txtMaxMensesCyc" size ="2" maxlength =2 class ="inputform" value ="28" >
天 td >
tr >
table >
< table width ="360" border ="0" cellspacing ="1" cellpadding ="2" bordercolorlight ="#666666" align ="center" bordercolordark ="#FFFFFF" bordercolor ="#000000" >
< tr bgcolor ="#D2E9FF" >
< td width ="80" class ="nine-pt" height ="2" align ="center" bgcolor ="#D2E9FF" > 上次月经时间 td >
< td colspan ="3" class ="nine-pt" height ="2" width ="266" bgcolor ="#D2E9FF" >
< input type ="text" name ="txtYear" size ="4" maxlength =4 class ="inputform" >
年
< input type ="text" name ="txtMonth" size ="2" maxlength =2 class ="inputform" >
月
< input type ="text" name ="txtDay" size ="2" maxlength =2 class ="inputform" >
日 td >
tr >
table >
< table width ="359" border ="0" cellspacing ="0" cellpadding ="0" align ="center" >
< tr >
< td height ="38" bgcolor ="#D2E9FF" >
< div align ="center" >
< input type ="button" name ="Submit3" value ="设置完成" class ="nine-pt" onClick ="javascript:DisplayCalendar();" >
< input type ="button" name ="btnCalculate" value ="开始计算" class ="nine-pt" onClick ="javascript:DisplayCalendar();" >
< input type ="reset" name ="reset" value ="重新输入" class ="nine-pt" >
div >
td >
tr >
table >
form >
< span class ="nine-pt" >< font color ="#999999" > 帮助：请先设置好周期后和时间后，按设置完成，再按开始计算 font > span >< font color ="#999999" > 。 font >< br >
td >
tr >
table >
< div align ="center" class ="nine-pt" > div >
BODY >
HTML >
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！