ログイン
Ajaxカレンダー
Ajaxカレンダーの概要
- JavaScriptとPHPを使ったカレンダーです。
- ページのリロード（再読み込み）を行わなくてもカレンダーの日付を切り替えることができます。
- スタイルシートを使って簡単にデザインを変更することができます。
- 日付によるリンクはご自分でプログラムして下さい。
サンプル・ダウンロード
サンプル(TOPページのカレンダーです)
ダウンロード(ZIP)
使い方
/*//////////////////////////////////////////////////////////////////////////*/
/* Calender Ajax */
/*//////////////////////////////////////////////////////////////////////////*/
/* http://turi2.net/ info@turi2.net 慈円
/* Ajax方式で切り替えられるカレンダープログラム
/* */
/*//////////////////////////////////////////////////////////////////////////*/
1.設置する本体ページ（index.php）にカレンダープログラム(calender.php)を
インクルードするように記述します。
include_once("./calender.php");
2.make_calender関数を呼び出せばカレンダーのHTMLタグデータが戻り値として返って
きます。GETメソッドにcalエレメントが入っている場合、calに従った日付の月を
表示します。
3.calender.phpのcheck_db関数に
「引数に入っている日付にブログの記事が書かれているか」判断するプログラムを書きます。
戻り値は「日記がなければ0、日記があればそれを表示するページへのURL」を書きます。
4.カレンダーを使うページにsystem.jsを読み込ませるようにしてください。
<script type="text/javascript" src="./system.js"></script>
5.カレンダーのajaxを起動させるためにどっかのタグにonloadでStartingSystem()を呼び
出させてください。
<body onload="StartingSystem()">
6.カレンダーのデザインを修正したい場合はmain.cssを読み込ませてください
cssの内容を変えてカレンダーのデザインを変更させることができます。
<link rel="stylesheet" href="main.css" type="text/css">
7.JavaScript動作時、非動作時両方を確認して完成です。
現在確認しているバグ
GETメソッドにcal変数に正しい値が入っていてJavaScriptがOnの場合、カレンダーの月はcalに指定された位置ですが、次の月や前の月の値はtodayからの位置になっています。突然JavaScriptを切り替え場合に等に発生する問題ですが、現在検討中です。