-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcal.html
63 lines (59 loc) · 2.06 KB
/
cal.html
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
<!DOCTYPE html>
<!--
EXAMPLE OF USE
-->
<html lang="en-US" prefix="og: http://ogp.me/ns#">
<head>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type" />
<meta content="utf-8" http-equiv="encoding" />
<meta property="og:image"
content="http://developmentmode.000webhostapp.com/general_storage/images/full_calendar.JPG">
<title>CALENDAR</title>
<script type="text/javascript" src="full-cal.js"></script>
<link rel="stylesheet"
href="resources/css/bootstrap.min.css" />
<script src="resources/js/jquery-3.3.1.slim.min.js"></script>
<script src="resources/js/popper.min.js"></script>
<script src="resources/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<h2>Full Calendar</h2>
<div id="calendar-wrapper">
<div class="alert alert-info" role="alert" id="general-info"> </div>
<a class="btn btn-dark" target="_blank" href="https://github.com/fajaralmu/full-calendar">View Source Code</a>
<p><p/>
<table id="cal-input-fields" style="width: 70%;"></table>
<table id="calendarTable" style="width: 70%;"></table>
</div>
</div>
<script type="text/javascript">
document.body.onload = function (e) {
loadCalendar();
};
//when detail BUTTON is clicked
this.detailFunc = function (d, m, y) {
if(d == null || m == null || y == null){
return;
}
alert("Detail Button Clicked: day:"+ d +", month: "+ m +", year:"+ y);
};
//when add BUTTON is clicked
this.addFunc = function (d, m, y) {
if(d == null || m == null || y == null){
return;
}
alert("Add Button Clicked: day:"+ d +", month: "+ m +", year:"+ y);
};
//html element to be added in each day element
this.fillDateItem = function (d, m, y) {
return createHtml("div", "Date: " + d);
};
//when one month calendar loaded
this.loadMonth = function(m, y){
document.getElementById("general-info").innerHTML = ("Month loaded: "+m+ "/" +y);
console.info("MONTH LOADED:", m ,"-", y)
}
</script>
</body>
</html>