Hi,
I've taken the sample script from the URL at the bottom of this post,
and modified it slightly to suit. It retrieves upcoming google
calendar events and outputs them as a list in a styled div element.
The script works great, except that the dates & times change relative
to the time zone setting on the viewer's computer. I would prefer if
they were displayed in the time zone specified in the calendar, or
(even better) in a time zone that I specify. Does anyone know how to
accomplish this, if it is possible? Here is the script:
/* Output Google Calendar Events in a Styled <div> element */
/* Callback function for the Google data JS client library to call
when an error occurs during the retrieval of the feed. Details
available depend partly on the web browser, but this shows a few basic
examples. In the case of a privileged environment using ClientLogin
authentication, there may also be an e.type attribute in some cases.
*/
function handleGDError(e) {
if (e instanceof Error) {
/* alert with the error line number, file and message */
alert('Error at line ' + e.lineNumber + ' in ' + e.fileName + '\n'
+ 'Message: ' + e.message + '\n' + '\n' + 'Please contact the
webmaster.');
/* if available, output HTTP error code and status text */
if (e.cause) {
var status = e.cause.status;
var statusText = e.cause.statusText;
alert('Root cause: HTTP error ' + status + ' with status text
of: ' + statusText);
}
}
else {
alert(e.toString());
}
}
/* Callback function for the Google data JS client library to call
with a feed of events retrieved. Creates an unordered list of events
in a human-readable form. This list of events is added into a div
called 'events'. The title for the calendar is placed in a div called
'calendarTitle' */
function listEvents(feedRoot) {
var entries = feedRoot.feed.getEntries();
var eventDiv = document.getElementById('events');
eventDiv.innerHTML = '';
/* set the calendarTitle div with the name of the calendar */
// document.getElementById('calendarTitle').innerHTML = "Calendar: "
+ feedRoot.feed.title.$t;
/* output message if there are no events */
if (entries.length === 0) { eventDiv.innerHTML = '<p>No Results Were
Found</p>'; return; }
else {
/* otherwise, create a new unordered list */
var ul = document.createElement('ul');
/* loop through each event in the feed */
var len = entries.length;
for (var i = 0; i < len; i++) {
var entry = entries[i];
var title = entry.getTitle().getText();
var where = entry.getLocations()[0].getValueString();
var startDateTime = null;
var startJSDate = null;
var times = entry.getTimes();
if (times.length > 0) {
startDateTime = times[0].getStartTime();
startJSDate = startDateTime.getDate();
endDateTime = times[0].getEndTime();
endJSDate = endDateTime.getDate();
}
var entryLinkHref = ((entry.getHtmlLink() !== null) ?
entry.getHtmlLink().getHref() : '#');
/* format the dates; 12-hour format with month names */
var monthnames = new Array("Jan", "Feb", "March", "April", "May",
"June", "July", "Aug", "Sept", "Oct", "Nov", "Dec");
/* start date & time */
var starthours = ((startJSDate.getHours() === 0) ? 12 :
(startJSDate.getHours() > 12) ? startJSDate.getHours() - 12 :
startJSDate.getHours());
var startminutes = ((startJSDate.getMinutes() < 10) ? '0' +
startJSDate.getMinutes() : startJSDate.getMinutes());
var startampm = ((startJSDate.getHours() > 11) ? 'p.m.' :
'a.m.');
var startdate = monthnames[startJSDate.getMonth()] + ' ' +
startJSDate.getDate() + ', ' + startJSDate.getFullYear();
var starttime = starthours + ':' + startminutes + ' ' +
startampm;
/* end date & time */
var endhours = ((endJSDate.getHours() === 0) ? 12 :
(endJSDate.getHours() > 12) ? endJSDate.getHours() - 12 :
endJSDate.getHours());
var endminutes = ((endJSDate.getMinutes() < 10) ? '0' +
endJSDate.getMinutes() : endJSDate.getMinutes());
var endampm = ((endJSDate.getHours() > 11) ? 'p.m.' : 'a.m.');
var enddate = monthnames[endJSDate.getMonth()] + ' ' +
endJSDate.getDate() + ', ' + endJSDate.getFullYear();
var endtime = endhours + ':' + endminutes + ' ' + endampm;
/* create the date string */
var dateString = ((startdate == enddate && starttime ==
endtime) ? startdate + ' ' + starttime : (startdate == enddate &&
starttime != endtime) ? startdate + ' ' + starttime + ' - ' +
endtime : startdate + ' ' + starttime + ' - ' + enddate + ' ' +
endtime);
/* output the event in HTML */
var li = document.createElement('li');
entryLink = document.createElement('a');
entryLink.setAttribute('href', entryLinkHref);
entryLink.setAttribute('title', 'Open Event Details in a New
Window');
entryLink.setAttribute('target', '_blank');
entryLink.appendChild(document.createTextNode(title + ''));
li.appendChild(entryLink);
ul.appendChild(li);
var ul2 = document.createElement("ul");
var li2 = document.createElement("li");
li2.appendChild(document.createTextNode(dateString));
ul2.appendChild(li2);
var li3 = document.createElement("li");
li3.appendChild(document.createTextNode('Where: ' +
where ));
ul2.appendChild(li3);
ul.appendChild(ul2);
}
eventDiv.appendChild(ul);
}
}
/* Uses Google data JS client library to retrieve a calendar feed from
the specified URL. The feed is controlled by several query parameters
and a callback function is called to process the feed results. */
function loadCalendar(calendarUrl) {
var service = new google.gdata.calendar.CalendarService('gdata-js-
client-samples-simple');
var query = new
google.gdata.calendar.CalendarEventQuery(calendarUrl);
query.setOrderBy('starttime');
query.setSortOrder('ascending');
query.setFutureEvents(true);
query.setSingleEvents(true);
/* set the maximum results */
query.setMaxResults(10);
service.getEventsFeed(query, listEvents, handleGDError);
}
/* Determines the full calendar Url based upon the calendarAddress
argument and calls loadCalendar with the calendarUrl value. */
function loadCalendarByAddress() {
var calendarAddress = ' (removed) '; // Google Calendar Address
var calendarUrl = 'http://www.google.com/calendar/feeds/' +
calendarAddress + '/public/full';
loadCalendar(calendarUrl);
}
/* Loads the Google data JavaScript client library */
google.load("gdata", "1");
function init() {
/* init the Google data JS client library with an error handler */
google.gdata.client.init(handleGDError);
/* load the calendar */
loadCalendarByAddress();
}
google.setOnLoadCallback(init);
___________________________________
Script source (slightly modified):
http://gdata-javascript-client.googlecode.com/svn/trunk/samples/calendar/simple_sample/simple_sample.html
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Google Calendar Data API" group.
To post to this group, send email to
[email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/google-calendar-help-dataapi?hl=en
-~----------~----~----~----~------~----~------~--~---
