Ajax prototype.js 一番最初に有効になっているエレメントにフォーカスす

-


Topページ  >  お勉強  >  Ajax  >  一番最初に有効になっているエレメントにフォーカスす 

一番最初に有効になっているエレメントにフォーカスす

Formの中で、一番最初に有効になっているエレメントにフォーカスを移動します。




prototype.js


使用バージョン:1.5.1 公式サイト





1. ダウンロードしたprototype.jsを読み込みます。

<script type="text/javascript"
    src="prototype.js"></script>


2. Form.findFirstElementメソッドを実行します。

[HTML]
<form id="targetForm">
  <input type="text" name="text1" disabled="disabled" />
  <input type="text" name="text2" />
</form>
  :
  :
[JavaScript]
// 一番最初に有効になっているエレメントにフォーカスを移動する
// この例の場合、test2テキストボックスにフォーカスが移動する
Form.focusFirstElement("targetForm");




Form.focusFirstElement( id );


id FormのID



↓インラインフレーム内でサンプルが動作しています。






Topページ  >  お勉強  >  Ajax  >  一番最初に有効になっているエレメントにフォーカスす 






-