http://arshaw.com/fullcalendar/docs/mouse/eventClick/
googleカレンダーと同期し、更新も楽なのはいいのですが。
スケジュールのイベントをクリックするとgoogleカレンダー上のイベント詳細のページに飛んでしまうので悩んでます。
折角、サイト上で、cssにてデザインしたにもかかわらず。
googleの簡素な詳細ページに飛ぶのはいかがなものかと。
イベントをクリックするとツールチップや吹き出しのようなもので、詳細が見えるという形が理想です。
当方、プログラムにはとんと弱く。。
どなたか詳しい方ご教授いただけるとありがたく存じます。
サンプルを作ってみました。
http://cherenkov.hp.infoseek.co.jp/tmp/sample/hatena/examples/de...
$('#calendar').fullCalendar({ events: $.fullCalendar.gcalFeed("googleカレンダーrssのurl"), eventClick: function(calEvent, jsEvent, view) { return (function(){ //console.log(calEvent)//RSSデータはfirebugでみてね。 var startTime = calEvent.start ? calEvent.start.toLocaleTimeString() : ""; var endTime = calEvent.end ? calEvent.end.toLocaleTimeString() : ""; $('<div><p>'+ startTime + '~' + endTime + '</p><p>' + calEvent.description + '</p></div>').dialog({ title: calEvent.title, }); return false; })(); } });
*この質問の下のコメント欄を有効にしたほうが有益です。
ありがとうございます!
たすかりました。
これを参考に進めたいとおもいます。