人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

現在作成中のサイトにjquery のFullCalendarを実装しました。
http://arshaw.com/fullcalendar/docs/mouse/eventClick/

googleカレンダーと同期し、更新も楽なのはいいのですが。

スケジュールのイベントをクリックするとgoogleカレンダー上のイベント詳細のページに飛んでしまうので悩んでます。
折角、サイト上で、cssにてデザインしたにもかかわらず。
googleの簡素な詳細ページに飛ぶのはいかがなものかと。

イベントをクリックするとツールチップや吹き出しのようなもので、詳細が見えるという形が理想です。

当方、プログラムにはとんと弱く。。
どなたか詳しい方ご教授いただけるとありがたく存じます。


●質問者: cont96
●カテゴリ:コンピュータ ウェブ制作
✍キーワード:CSS Google Googleカレンダー jQuery なのは
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● koriki-WeKan
●35ポイント

fullcalendar

http://code.google.com/p/fullcalendar/


2 ● Cherenkov
●35ポイント

サンプルを作ってみました。

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;
 })();
 }
});

参考


*この質問の下のコメント欄を有効にしたほうが有益です。

◎質問者からの返答

ありがとうございます!

たすかりました。

これを参考に進めたいとおもいます。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ