My favorites | Sign in
Project Home Issues
New issue   Search
for
  Advanced search   Search tips   Subscriptions

Issue 2389 attachment: RChapellCalendarCopy.html (3.0 KB)

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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Rasberry-Chappell UMC Calendar</title>

<script type='text/javascript' src="/lib/jquery_ajax1.7.2/jquery.min.js" text/javascript></script>
<link rel="stylesheet" type="text/css" href="/css/normalize.css">


<script type="text/javascript" src="/lib/UI_1.8.18/jquery-ui.min.js"></script>








<link rel="stylesheet" type="text/css" href="/lib/fullcalendar.css">



<script type='text/javascript' src="/lib/arshaw2.2.3/fullcalendar.min.js"></script>



<script type='text/javascript' src="/lib/arshaw2.2.3/gcal.js"></script>



<script type='text/javascript' src="/lib/gohart/jquery.colorbox.js"></script>



<link rel="stylesheet" type="text/css" href="/lib/colorbox.css">


<style type='text/css'>
.event-popup {
background-color:white;
border: 1px solid green;
display:none;
font-weight:normal;
position:absolute;
bottom:20px;
left:-6px;
text-align:left;
text-shadow:none;
width:393px;
z-index:2000;
}
</style>



<script type='text/javascript'>//<![CDATA[
$(window).load(function(){
$(document).ready(function () {
$('#calendar').fullCalendar({
googleCalendarApiKey: 'AIzaSyDQ5iplVcvkMj8AJu3mHkGCjF4jirtu1tM',
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},

events: {
googleCalendarId:'wowens662@gmail.com'

},
timeFormat: 'h(:mm)tt' ,

eventRender: function(event, element) {
element.find('.fc-event-time').append("<br/>");
},
eventClick: function (event) {
if (event.url) {
var eventTime = $.fullCalendar.formatDate(event.start, "dddd, MMMM yyyy @ h:sstt")+" to "+
$.fullCalendar.formatDate(event.end, " h:sstt");
$.colorbox({
title:'Calendar Event',
maxWidth:"800px",
html:/*"<h1>"+event.title+"</h1>"+*/
"<br><br><p><strong>Event: </strong> <br>" +event.title+ "</p>" +
"<p><strong>When: </strong> <br>" +eventTime+ "</p>" +
/* "<p>"+eventTime+"</p>"+ */

"<p><strong>Where: </strong> <br>" +event.location+ "</p>" +

"<p><strong>Details: </strong> <br>" +event.description+ "</p>"});

// }

return false;
}
}

});
// }
$('#calendar').fullCalendar( 'addEventSource', 'http://www.google.com/calendar/feeds/usa__en%40holiday.calendar.google.com/public/basic') });
//});

});//]]>

</script>


</head>
<body>
<div style="border:solid 2px maroon;">
<div id='calendar'></div>
</div>

</body>


</html>
Powered by Google Project Hosting