01.<script type="text/javascript">
02.jQuery( document ).ready(function() {
03.
04. $('#calendar').fullCalendar({
05. header: {
06. left: 'prev,next today',
07. center: 'title',
08. right: 'month,agendaWeek,agendaDay'
09. },
10. eventLimit: true,
11. defaultDate: new Date(),
12.
13. timezone: 'Asia/Bangkok',
14. events: {
15. url: 'data_events.php',
16. },
17. loading: function(bool) {
18. $('#loading').toggle(bool);
19. },
20.
21. eventClick: function(event) {
22. if (event.url) {
23. $.fancybox({
24. 'href' : event.url,
25. 'type' : 'iframe',
26. 'autoScale' : false,
27. 'openEffect' : 'elastic',
28. 'openSpeed' : 'fast',
29. 'closeEffect' : 'elastic',
30. 'closeSpeed' : 'fast',
31. 'closeBtn' : true,
32. onClosed : function() {
33. parent.location.reload(true);
34. },
35. helpers : {
36. thumbs : {
37. width : 50,
38. height : 50
39. },
40.
41. overlay : {
42. css : {
43. 'background' : 'rgba(49, 176, 213, 0.7)'
44. }
45. }
46. }
47. });
48. return false;
49. }
50. },
51.
52.
53. });
54. });
55.</script>
