「断片」ビューの EGL ドロワー内の
「カーソル・フォーカスの設定」断片は、Web
ページ上の指定された書式フィールドにカーソル・フォーカスを設定する
JavaScript
関数です。
JSP ページの <script> タグ内に置く必要があります。
この断片を挿入し構成するには、次のようにします。
- JSP ファイルの <head> タグ内に <script> タグを追加します。
以下のサンプルを参照してください。
<script type="text/javascript">
<!-- snippet code goes here -->
</script>
- 「断片」ビューの EGL ドロワーから、「カーソル・フォーカスの設定」断片を、
追加したばかりの <script> タグ内のブランク行にドラッグします。
詳しくは、『EGL および JSP ファイルへのコードの断片の挿入』を参照してください。
この断片は、JSF ハンドラー・パーツのコードにではなく、JSP ファイルのコードに組み込まれます。
- 断片のコードで、[n] のインスタンスの両方を、
フォーカスを受け取る書式フィールドの番号に置き換えます。
書式フィールドには、ゼロから始まる番号が付けられています。例えば、
ページ上の 4 番目のフィールドにフォーカスを設定する場合には、[3] と指定します。
- 断片のコードで、form1 のインスタンスの両方を、
フォーカスを設定する書式の ID 属性の値に置き換えます。
- JSP ページの <body> タグ内に、属性
onload="setFocus();" を追加します。以下のサンプルを参照してください。
<body onload="setfocus();">
- ファイルを保存します。
この断片によって挿入されるコードは、次のとおりです。
function setFocus() {
document.getElementById('form1').elements[n].select();
document.getElementById('form1').elements[n].focus();
}