01.
<?
02.
session_start();
03.
?>
04.
<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
06.
<meta http-equiv=
"Content-Type"
content=
"text/html; charset=UTF-8"
/>
07.
<link rel=
'stylesheet'
type=
'text/css'
href=
'fullcalendar/redmond/theme.css'
/>
08.
<link rel=
'stylesheet'
type=
'text/css'
href=
'fullcalendar/fullcalendar.css'
/>
09.
<script type=
'text/javascript'
src=
'fullcalendar/jquery/jquery.js'
></script>
10.
<script type=
'text/javascript'
src=
'fullcalendar/jquery/jquery-ui-custom.js'
></script>
11.
<script type=
"text/javascript"
src=
"fullcalendar/fullcalendar.js"
></script>
12.
<script type=
"text/javascript"
>
13.
$(
function
(){
14.
$(
'#calendar'
).fullCalendar({
15.
header: {
16.
left:
'prev,next today'
,
17.
center:
'title'
,
18.
right:
'month,agendaWeek,agendaDay'
19.
},
20.
editable: true,
21.
theme:true,
22.
events:
"calendar.php?"
,
23.
loading:
function
(bool) {
24.
if
(bool) $(
'#loading'
).show();
25.
else
$(
'#loading'
).hide();
26.
}
27.
28.
29.
});
30.
31.
});
32.
</script>
33.
34.
<div
class
=
"row"
style=
"background-image:url(picture/bg.jpg);background-position: center;background-size: norepeat; "
>
35.
<br />
36.
<div id=
'calendar'
></div>
37.
<br />
38.
<table width=
"500"
border=
"0"
align=
"center"
cellpadding=
"0"
cellspacing=
"0"
>
39.
<tr>
40.
<th>หมายเหตุ : </th>
41.
<td bgcolor=
"#003399"
width=
"20"
> </td>
42.
<td><span style=
"margin:0 auto; padding:3px;"
>รออนุมัติ</span></td>
43.
<td bgcolor=
"#006600"
width=
"20"
> </td>
44.
<td><span style=
"margin:0 auto; padding:3px;"
>อนุมัติแล้ว</span></td>
45.
</tr>
46.
</table>
47.
</div>
48.
49.
</body>
50.
</html>