インターネット実験室 in 人形町

・世界和時計

・百人一首環境

・何でも単語帳

・英熟語検索

・FLASHと地図

・時間と地図

・Kids' English

・タロット占い

カレンダーインターフェイス

　JavaScript(或いはベタのHTML)を使ったカレンダーインターフェイスは良く見かけますが、あんまり美しくありません。てことで、FLASHを使ったカレンダーを作ってみました。
　日付をクリックすると、年、月、日をパラメタにしてJavaScriptを呼び出すので、自分で書いたJavaScriptで動作を自由に記述できます。
　とてもシンプルで小さいのでサイドメニュー形式のページでも使いやすいのではないかと思います。

日付クリックで呼び出されるJavaScriptの書き方

　ActionScriptからは、固定の関数名(getURLbyCalendar)をgetURLで呼び出しています。ご使用の際は、HTML内(Calendarより前の部分)に、以下のようにこの関数を定義します。引数は、年、月、日の順で与えられます。

<SCRIPT LANGUAGE="JavaScript">
<!--
function getURLbyCalendar(year, month, date) {
　//日付に応じた処理を書く。
}
//-->
</SCRIPT>

　このページのカレンダーは、「今日は何の日～毎日が記念日」(http://www.nnh.to/)さんへリンクしています。こちらの場合、月ごとにディレクトリがあり、日付（２桁）+ '.html'という形式なので、JavaScriptに与えられる引数のうち、monthとdateを使ってURLを組み立て、window.open()してページを開いています。日付のパラメタをうまく組み合わせれば、自分のブログへ飛ばすことも可能です。ブログの場合、プロバイダによってURLの構成が違いますが、例えば私が使用しているgooブログでは、

　　　http://blog.goo.ne.jp/[ユーザＩＤ]/d/YYYYMMDD

となっているので、このフォーマットに合わせて呼び出せば、このカレンダーから自分のブログを呼び出すことができます。
　実際の内容は、このページのソースの（getURLbyCalendar）あたりを参照下さい。なお、他人様のサイトにリンクを張る場合は、そのサイトのリンクに関する規約に十分注意して下さい。nnh.toさんの場合、報告不要のリンクフリーと書かれていたのでリンク先として利用させていただきました。ご自分で、何かのサイトにリンクをされる場合は、リンク先の条件などを確認の上、あくまでご自分の責任でお願いいたします。

ご利用について

　ご利用にあたっては、以下の規約にご同意下さい。