| ポイント |
<![CDATA[
if (n != "")
{
document.images["btn"].style.visibility = "visible";
}else{
document.images["btn"].style.visibility = "hidden";
}
<input type="text" name="myTEXT" onBlur="check(this.value)">
]]>
|
| 説 明 |
テキストフィールドに文字が入力された場合に画像を表示するにはテキストフィールドにonBlurイベントを指定し、イベント発生時に文字が入力されているかどうか調べます。文字が入力されている場合には画像をスタイルシートを使って表示し、そうでない場合は非表示にします。
|
| サンプル |
<![CDATA[
<html>
<head>
<title>テキストフィールドに文字がある場合のみ画像を表示する</title>
<script language="JavaScript"><!--
function check(n)
{
if (n != "")
{
document.images["btn"].style.visibility = "visible";
}else{
document.images["btn"].style.visibility = "hidden";
}
}
// --></script>
</head>
<body>
<form>
<img src="button.gif" name="btn" style="visibility:hidden">
<input type="text" name="myTEXT" onBlur="check(this.value)">
</form>
</body>
</html>
]]>
|
| 補足説明 |
なし
|
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
テキストフィールドに文字がある場合のみ画像を表示する
