<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Easter Calculator</title>
<meta name="description" content="Calculate Easter date for an input year">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1;">
<link rel="stylesheet" type="text/css" href="https://franklinseiberling.com/stylesheet.css">
</head>
<body>
<style type="text/css">
div.ED input { font: 11px Verdana ; color: #C60000 ; text-align: center ; width: 300px ; font-weight: bold ; height: 12px ; border: 0 ; background-color: transparent ; }
</style>
<script language="JavaScript" type="text/javascript">
var today = new Date() ;
var mm = today.getMonth() + 1 ;
var yyyy = today.getFullYear().toString() ;
var datetoday = " " ;
if ( mm < 10 ) { datetoday = yyyy + "0" + mm ; } else { datetoday = yyyy + mm ; }
var retVal = "Easter date calculator" ;
function fetchEaster() {
var year = document.Easter.EasterYr.value ;
if ( year > 0 ) {
if ( year < 1753 ) { retVal = "Not attempted. Year must be > 1752." ; }
else { if ( ( year > 1752 ) && ( year < 3000 ) ) {
var y = year;
var a = y % 19;
var b = Math.floor( y / 100 ) ;
var c = y % 100 ;
var d = Math.floor( b / 4 ) ;
var e = b % 4;
var f = Math.floor( ( b + 8 ) / 25 ) ;
var g = Math.floor( ( b - f + 1 ) / 3 ) ;
var h = ( 19 * a + b - d - g + 15 ) % 30 ;
var i = Math.floor( c / 4 ) ;
var k = c % 4 ;
var l = ( 32 + 2 * e + 2 * i - h - k) % 7 ;
var m = Math.floor( ( a + 11 * h + 22 * l ) / 451 ) ;
var mn = Math.floor( ( h + l - 7 * m + 114 ) / 31 ) ;
var p = ( h + l - 7 * m + 114 ) % 31 ;
var da = p + 1 ;
year = year.toString().trim() ;
var dateeaster = year + "0" + mn ;
if ( dateeaster < datetoday ) { retVal = "Easter fell on " + mn + "/" + da +"/" + year ; }
else { if ( dateeaster > datetoday ) { retVal = "Easter will fall on " + mn + "/" + da + "/" + year ; }
else { retVal = "Easter falls on " + mn + "/" + da + "/" + year + " this year." ; }}}
else { retVal = year + " is an invalid year." ; }}
document.forms[ "easter" ].displayED.value = retVal ;
}}
// This was coded by www.JustWord.net in 2014 using the Meeus/Jones/Butcher algorithm.
</script>
<div align="center" >
<div style="border: 1px solid #C60000 ; margin: 50px ; background-color: #DEDEFF ; " >
<div align="center" style="padding: 10px ; " >
<form name="Easter" >
<input name="EasterYr" maxlength="5" size="5" type="text" value=" " >
<input class="form" value="Fetch Easter date for year" onClick="return fetchEaster() ; " name="button" type="button">
</form>
<div align="center" class="ED">
<form id="easter" ><br>
<input type="text" name="displayED">
</form>
</div>
<p> <br><a href="javascript: ToggleDisplay( 'EasterCode' ) ; ToggleDisplay( 'EasterText' ) ; " class="v" >Show/Hide JavaScript source code</a><br></p>
</div>
</div>
</div>
<script language="JavaScript" type="text/javascript">
document.Easter.EasterYr.focus() ;
document.forms[ "easter" ].displayED.value = retVal ;
</script>
<img src="https://esand.net/img/transparentHorizontal.png" alt="500" width="500" height="1" >
<div style="font: 9px Verdana ; padding: 10px ; display: block ; margin-left: 30px ; " id="EasterText" align="center" >
<p>
<br> <br>
<i>For a description of the Easter date calculation check ...<br><br><a href="https://en.wikipedia.org/wiki/Computus" target="_blank" class="v" >https://en.wikipedia.org/wiki/Computus</a></i>.<br><br>
</div>
<div style="font: 9px Verdana ; padding: 10px ; display: none ; margin-left: 30px ; " id="EasterCode" align="left" >
<?php
global $jw ;
$root = $jw.'/FranklinSeiberling/toolbox' ;
if ( ( $sc = fopen( $root.'/Easter.php', 'r' ) ) != false ) {
while ( ( $record = fgets( $sc ) ) != false ) {
$record = str_replace( '&', '&', $record ) ;
$record = str_replace( '<', '<', $record ) ;
$record = str_replace( '>', '>', $record ) ;
print( $record.'<br>' ) ;
}
fclose( $sc ) ;
}
else { print( 'File not found in '.$root.'<br>' ) ; }
?>
</div>
<script language="JavaScript1.2" type="text/javascript">
<?php
$ent = $_REQUEST[ "EasterYr" ] ;
print( 'var enteredData = "'.$ent.'" ; ' ) ;
?>
if ( enteredData == "" ) { ; }
else { document.Easter.EasterYr.value = enteredData ; fetchEaster() ; }
</script>
</body>
</html>
