-
Notifications
You must be signed in to change notification settings - Fork 0
/
mike_Leap_Year.php
130 lines (106 loc) · 4.91 KB
/
mike_Leap_Year.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
<?php
//%4 = 0 true
//%100 = 0 false
//%400 = 0 true
$yearCheck =""; //讀入使用者輸入之年份
$tOrF = ""; //判斷是否為閏年
$outputAns = ""; //印出之結果
// if(isset($_GET['yearCheck'])){
// $yearCheck = $_GET['yearCheck'];
// };
if(isset($_GET['yearCheck'])) {
$yearCheck = $_GET['yearCheck'];
if ($yearCheck % 4)
$tOrF = false;
else
$tOrF = true;
if ($yearCheck % 100 == 0)
$tOrF = false;
if ($yearCheck % 400 == 0)
$tOrF = true;
};
?>
<html>
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
<title>Check Leap Year</title>
</head>
<body>
<form class="form-horizontal" id="register_form" role="form" data-toggle="validator">
<div class="form-group">
<label for="inputName"
class="control-label col-sm-2">
<span class="glyphicon glyphicon-user"></span>
想查詢的年份為：
</label>
<div class="col-sm-10">
<input name="yearCheck" type="text" class="form-control" placeholder="請輸入年份"
pattern="^[0-9]+$" data-error="只能輸入數字" required="required"
value="<?php echo $yearCheck; ?>">
<div class="help-block with-errors"></div>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-4">
<button type="submit" name="checkBtn"
id="checkBtn"
class="btn btn-success">
<span class="glyphicon glyphicon-off"></span> 點我查詢是否為閏年
</button>
</div>
</div>
<div style="position: relative;">
<canvas id="static" width="300" height="400"
style="position: absolute; border:1px solid #AAAAAA;">
</canvas>
<canvas id="dynamic" width="300" height="400"
style="position: absolute; border:1px solid #AAAAAA;">
</canvas>
</div>
</form>
<div>
<img id="img0229" src="/res/img/0229.png" style="display: none;"/>
</div>
<script>
window.onload = init;
var c_static = document.getElementById("static");
var ctx_static = c_static.getContext("2d");
function init() {
ctx_static.drawImage(img0229, 0, 0,300,400);
}
var c_dynamic = document.getElementById("dynamic");
var ctx_dynamic = c_dynamic.getContext("2d");
ctx_dynamic.clearRect(0,0,400,300);
//ctx_dynamic.drawImage(imgLoop, 10, 20);
ctx_dynamic.font = "130px Arial italic";
ctx_dynamic.textBaseline = "bottom";
ctx_dynamic.textAlign = "center";
ctx_dynamic.fillStyle = "red";
var newText = "<?php
// if(isset($_GET['yearCheck'])) {
if($tOrF !== ''){
echo ($tOrF?"True":"False");
// if ($tOrF)
// echo "True";
// else
// echo "False";
};
?>";
ctx_dynamic.fillText(newText, 150, 270);
</script>
<!--引用 Validator-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/1000hz-bootstrap-validator/0.11.9/validator.min.js"></script>
<!--執行 Validator-->
<script>
$('#register_form').validator();
</script>
</body>
</html>