フォームカラーチェンジャー

ホーム > DHTML > フォームカラーチェンジャー

■説明

　フォームにカーソルが乗ると背景色とテキストカラーが変わります。IE4から動作します。N6からも動作しますが、N4では動作しません。

■ソース

■ソースの説明

JavaScriptを外部ファイルも設置出来るようにしました。設定する際には<BODY>～</BODY>内に以下の分を記述して下さい。尚、ここからダウンロード（dhtml_108.js）して下さい。設定を変える際には、ダウンロードしたdhtml_108.jsファイルを直接修正して下さい。
使用しているものは、「document.all」と「document.getElementById」の2つ使用することによって両ブラウザに対応しています。
フォームにフォーカスがあたると、背景色とテキストカラーが変更されます。イベントパンドラは、「onFocus」を使用しています。
フォームにフォーカスが外れると、背景色とテキストカラーが変更されます。イベントパンドラは、「onBlur」を使用しています。
「document.all(id).style.background」と「document.getElementById(id).style.background」で<INPUT>タグの背景色を変更しています。
「document.all(id).style.color」と「document.getElementById(id).style.color」で<INPUT>タグのテキストカラーを変更しています。

■実行例

■対応ブラウザ

フォームカラーチェンジャー
IE3	IE4	IE5	IE5.5	IE6	N3	N4	N6	N7	O6
×	●	●	●	●	×	×	●	●	×

Webマスター、HP作成のプロとして活躍したい方は見てください。
ホームページの開設数が増加し、Web業界や一般企業でWebマスターが急激に求められています。Webマスターの絶対数の不足している今が、技能習得の絶好のチャンスです。