タグ: 制作ツール

フォームのフリガナを自動入力させる 「フリガナ自動変換スクリプト/AutoRuby.js」

ホームページ制作・運営のヒント(http://ceo.sourcelab.jp/archives/97)

JavaScriptでフリガナを自動入力させることができます。
フォームの入力で漢字いれてフリガナ入れてって、結構面倒です。 

■設置の仕方
以下の2つのJavaScriptをダウンロードしてください。

prototype.js (ダウンロードページ)
auto_ruby.js (ソースそのままダウンロード)

Head内に読み込みます。
<script type=”text/javascript” src=”prototype.js”></script>
<script type=”text/javascript” src=”auto_ruby.js”></script>

名前のフィールドのidを[name]に、フリガナのidをにします。
ただし、フォームのあるページはUTF-8のみの対応です。
(読み込み時 charset=”Shift_JIS”で対応出来る?)

※auto_ruby.jsの上の方に、設定項目があります。
「ふりがな(ひらがな)」で表示したい場合は、var convFlag = 0;
「フリガナ(カタカナ)」で表示したい場合は、var convFlag = 1;
にして下さい。

サンプルファイル(ZIP)

CSSレイアウトのチート集12

http://www.zachgraeve.com/css-cheats/

汎用レイアウトのHTML&CSSソースが公開されています。

これを元に使えば、制作作業が効率かできます。
使いたいレイアウトをクリックして選んだ後、左上の「View Souce」でソースを表示させ、コピペします。HTMLとCSSは1つのソースになっているので、CSSを別ファイルにして、リンクを貼ればOK!