Those who can control time are truely bless or half human half god. Time cant be caught or captured ...
But then calendar came and god saw that it was right .. Lets take a jump back into the world of Google and talk about 3 API`s we could make a mess of uuh mashup
.
Prototype Framework
The prototype framework is a really handy dandy light weight framework that allows you to do all sorts of things with a short syntax. It also extends the DOM to give you extra functions to work with while getting objects from the DOM. It is really easy to extend objects that you have on your HTML page. This is a typical prototype routine to extend for example a div.
-
Object.extend ($('somediv'), {
-
function onclick ()
-
{
-
alert ('caught you clicking this div !!');
-
}
-
});
The $() is a really easy to use syntax but what ever you do, Avoid using this in loops because the $() method will grab the object from the dom and extend it with extra functions. So this will mean if you are using the $() syntax you will end up with low memory winch could in a bad situation crash your clients browser.
Google Calendar Services
Google calendar API`s are out for some time now they where one of the fist API`s released by Google who are based on there gdata system. Google offers there users a calendar management site at calendar.google.com im am a user of that website along with millions of others.Now with the Google callendar api it will mean that i will be abled to retreive my data from my own public stated agenda and user it any other website.
The API that i am going to use in this mashup will be the javascript version of this api (there are others like java / .net / Php / Python / C). Examples of how to use the calendar API`s are available on the google code pages. The calendar API requires you to signup for a unique API key that can be used (just as with Google maps) to identify your host, to get that API key go here and follow the instructions to embed the link to the javascript API. If you ever have used an gdata based API from google you will find the API pretty straight forward and easy to use. Even learning the basics of the gdata api is a peace of cake. Im not going to much detail of how to code this but it will be entertain able to see how it will work together with the Google maps API.
Google Maps.
Well i dont think maps needs an introduction because every one has seen / heared used or experienced a Google map at a point in time. A few years already Google hosts this service at maps.google.com and since some time they offer the API to setup your own maps on your website. The documentation for the maps API can be found here, the first thing you need to do when deploying a map is getting a API winch you can use in your code to identify your website. You can get your API from this location and follow the instructions for embedding a link to the javascript API.
What will the mashup do ?
The mashup will be a utility that gives a change to look at the appointments that you have open and it will show the location of your appointment marked on a map with a standard marker. The source of the mashup can be found at this location. Because html in a Wordpress layout can be crappy i decided that the whole application will be Ajax`ed into this post (this will take a sec or 2 to load up).
