最近因為想弄類似行事曆功能,所以參考Google Calendar作法,本來以為Google Calendar可以像Google Map一樣把api完全開放出來,但沒想到Google Calendar說實在的被綁死,目前Google Calendar可以用出所謂的Calendar分享,也就是說讀出Google端的資料,它無法像Google Map可以讀本端資料近來,也因為這樣我們根本無法用到Google Calendar的介面功能,因為Google Calendar內好用的就是他的事件定義功能,只要拖拉就可以建立事件,真的很棒....
我為了要能弄出類似取代功能,我想了幾個辦法,第一個是用類似iGoogle的版面調整功能,這樣可以弄出類似拖拉事件來改變事件的時間,類如從星期三下午3點拖拉將事件改製星期四下午3點,就用類似下圖iGoogle作法

第2種方法,我想用用圖層概念方式來做行事曆規劃,因為要先把取滑鼠座標的Script程式撰寫出來,如下

接下來既然滑鼠座標拿到了,就可以開始試了,首先我先把Google Calendar的日曆版面當成背景用,或者自己之後設計跟Google Calendar類似的版型,接著設計幾個事件圖案,目前我是用4個顏色的圖片來當作我們要定義的事件,使用者就可以托拉事件至你的行事曆時間如下圖範例,

下圖是拖拉後的結果

有這樣的範例之後,就可以直接抓取圖片的位置,就可以知道使用者選取什麼時間,我們再將此資訊儲存至資料庫,再讀出就可以弄出類似Google Calendar定義事件的功能,當然還差很多嚕,要自己寫下去才知道好不好用!
沒有留言:
張貼留言