リンクがはれるカレンダー

リンクがはれて、動的に月を変えられるカレンダー

demo

配布元：Schwarz Lanzenreiterより、「calendar2.js」をダウンロードする。

<script type="text/javascript" src="calendar2.js"></script>

内にJavaScriptを読み込ませる。

<script type="text/javascript">
<!--
calendar_print(); 
// -->
</script>

内に
配置したい場所に実行スクリプトを設置する。

リンクの設置方法

<script type="text/javascript">
<!--
clndrLink["#20110707"] = "href='http://www.google.co.jp/' target='_blank' title='googleへ'";
clndrLink["#20110719"] = "href='http://www.yahoo.co.jp/' target='_blank' title='Yahoo! JAPANへ'";
calendar_print(); 
// -->
</script>

特定の年月日にリンクをはりたい場合、
アンカーの属性を値とし添え字を年月日とすることで可能。
必要なだけ書き連ねます。

clndrLink["#20110707"] = "href='http://www.google.co.jp/' target='_blank' title='googleへ'";
clndrLink["#20110719"] = "href='http://www.yahoo.co.jp/' target='_blank' title='Yahoo! JAPANへ'";

clndrLink ⇒ この変数名は固定
"#20110707" ⇒ 4桁の年、2桁の月、2桁の日。