- 2008-03-27 (木) 19:44
- Javascript
お問い合わせフォームの先頭のテキストエリアとかに、ページが開いた時フォーカスを合わせる方法について。
name、ID、配列の各サンプルを挙げてみる。
name値の場合
JavaScript:
-
window.onload=function(){document.formID.inputName.focus()}
formIDがフォームタグのID値
inputNameがフォーカス合わせるフォームのname値。
bodyでイベントハンドラでもいい。
HTML:
-
<body onLoad="document.formID.inputName.focus()">
ＩＤの方が直感的かもしれない。
JavaScript:
-
document.getElementById('inputID').focus();
inputIDはフォーカスを合わせるフォームのID。
配列はinput全部拾って先頭にフォーカスさせる。
JavaScript:
-
var i =document.getElementsByTagName('input');
-
i[0].focus();
これらをmootoolsで書くと
nameの場合
JavaScript:
-
$$('form').inputName.focus();
$('formID')でID指定してもいい。
配列の場合
JavaScript:
-
var i = $$('input');
-
i[0].focus();
ＩＤの場合
JavaScript:
-
$('inputID').focus();
関連記事
- Newer: [JS]季節で画像を変更するスクリプト
- Older: [JS]ステータスバーテキストを非表示にする
