DHTML Calendar を弄る
フィールドセッティングでUse popup calendarにチェックを入れると素敵なポップアップカレンダーが使えます。日付のピックアップだけなので別にこのままでも問題ないのですが、見た目の配色が気に入らないとか英語表記にアレルギーが・・・みたいな事もあるでしょうから、設定変更方法を記しておきます。
Default のスタイル
上の画像が標準のカレンダーです。
まぁこれはこれで良いと思うんですが、変更したいなら以下の箇所を弄りましょう。
まだ、一度もGenerateしていないならPHPMakerのインストールディレクトリのextensions内のzipファイルを、Templatesが既に生成されているなら、そちらで変更しても構いません。
ew_addon.js がターゲットファイルです。
<!--##session js_popupcalendar##-->
<!--##
If ewCond_popupCalendar() Then
##-->
<link rel="stylesheet" type="text/css" media="all" href="calendar/calendar-win2k-1.css" title="win2k-1" />
<script type="text/javascript" src="calendar/calendar.js"></script>
<script type="text/javascript" src="calendar/lang/calendar-en.js"></script>
<script type="text/javascript" src="calendar/calendar-setup.js"></script>
<!--##
End If
##-->
<!--##/session##-->
はい、分かりましたね？ calendar-win2k-1.css と calendar-en.js の部分を書き換えます。
デザイン
calendarフォルダの中に予め用意されたデザインのCSSファイルが多数ありますので、デモを見るなりして(index.html同梱されてます)使いたいデザインを決めてCSSファイル名を書き換えれば反映されます。もちろん自分でCSS書いても良いですが。
言語ファイル
calendar\lang に言語ファイルがあります。jpもあるじゃーん
と喜んで calendar-jp.js と書き換えてもこれは罠で、そのままではエラーでポップアップしてくれません。言語エントリが多分少ないのが原因だと思います(未確認ですが)
enからjpに中身を全部コピペしちゃった上で必要な部分のみ日本語に書き換えた方が早いと思います。そんでもって文字化けしないようにファイルの保存エンコードもPHPセッティングに合わせておきましょう。
変更後
小改造!!劇的ビフォーアフター
ですね。
因みにこれはcalendar-blue-cssを指定しています。
ホント、ささやかな自己満足かも。。。
« Previous Next »