2009年3月アーカイブ

ウェブ制作、とくにビジネス系においては、日付を入力する必要がある場面が多くなります。

とくに、日付の範囲を指定する場合。2つの日付情報が必要です。

テキストボックス(input type=text)にて、日付を入力させるか、
セレクトボックス(select ... options...)にて年、月、日の選択肢を用意して選択させるか。

テキストボックスだと、入力が自由になるため、日付形式がどのようなものか判定する必要がある。
yyyy-mm-ddなのか、mm-dd-yyyyなのか。また、全角文字で入っているかもしれません。(初心者の方に非常に多い)

セレクトボックスだと、日付の入力形式は間違えませんが、選択するのが面倒です。

そんなときに

sliding date-pickerというものを見つけました。

PHPSPOT開発日誌に、記事があります。

prototype 1.6 と scriptaculous 1.8が必要ですが、すべてALL-in Oneとなったパッケージがあります。それを解凍して配置すればOKです。

以前SyntaxHighlighter について使い方のみ書きましたが、設置方法も書いておきます。

まず、ソースコードをGoogleCodeからダウンロードします。ライセンスはGPLです。
http://code.google.com/p/syntaxhighlighter/

ダウンロードは、こちら
http://code.google.com/p/syntaxhighlighter/downloads/list

なんとも拡張子がrarってところが若干曲者というか、敷居を高くされてますが、一応説明しておきますが、圧縮形式です。zipとかtar.gzとかでいいのにね。。。

Linuxだとデフォルトで解凍できるものが無いので、Windows上で解凍してから入れることとする。(愛用のLhaplusはrarが解凍できた)

解凍すると3つのフォルダがあります。

  • Scripts/
  • Styles/
  • Uncompressed/

このうちScriptsとStylesフォルダをサーバにアップロードしましょう。

あとは、それを呼び出します。

スタイルシートは、こんなかんじ。


<link rel="stylesheet" href="<$MTBlogURL$>syntaxHighlighter/css/SyntaxHighlighter.css" type="text/css" />

jsは






投資一族のブログのアジア金融適性テストのFlash版を作りました。

 このFlashですが、ブログパーツとしても使えます。

以下のタグを書くだけです。

 <script src=http://ichizoku.gcblog.net/flash/AsiaFin.js></script>

このアーカイブについて

このページには、2009年3月に書かれたブログ記事が新しい順に公開されています。

前のアーカイブは2009年2月です。

次のアーカイブは2009年4月です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。

ウェブページ

Powered by Movable Type 5.04

にほんブログ村

にほんブログ村 IT技術ブログへ
にほんブログ村