Welcome !! 2010/09/04 12:04:17

DHTML Calendar を弄る

フィールドセッティングUse popup calendarにチェックを入れると素敵なポップアップカレンダーが使えます。日付のピックアップだけなので別にこのままでも問題ないのですが、見た目の配色が気に入らないとか英語表記にアレルギーが・・・みたいな事もあるでしょうから、設定変更方法を記しておきます。

Default のスタイル

Default style 

上の画像が標準のカレンダーです。
まぁこれはこれで良いと思うんですが、変更したいなら以下の箇所を弄りましょう。

まだ、一度も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セッティングに合わせておきましょう。

変更後

After小改造!!劇的ビフォーアフターペロッですね。
因みにこれはcalendar-blue-cssを指定しています。

 


ホント、ささやかな自己満足かも。。。

 

 


« Previous Next »
Last Modified 2007/10/25 10:11:54

Write a comment


読みにくい場合は画像をクリックすると再生成されます。
Bot防止のため上の画像の文字列を入力して下さい:

Blog Posts:

開発が遅れに遅れていた PacketiX VPN 3.0 のRC1が知らぬ間にリリースされていましたってニュースを、更...

ようやく Office Professional Plus 2010 Beta がTechNET [1]などでダウンロード可能になりました。機能...

更新です。あんま代わり映えせんけど。 * Google Chrome 4.0.223.16 [1] [2] [3] Links: ------...

ようやくGatewayのサポートサイト [1]に EC1400-31K が登場し、各種ドライバがダウンロード出来るように...

バージョン4系はちょっぴり久々かな? * Google Chrome 4.0.223.9 [1] [2] [3] Links: ------ [...

PHPMaker:

Recent Contents:

デル株式会社