Tabキーの制御

CGI-BBS > JAVA/JavaScript > JavaScript > Tabキーの制御

質問者 ともえ投稿日 9/4(火) 16:32:44

複数入力ボックスが存在した場合
次のテキストボックスに移動する際に私は、良くTabキーを使用しています。
そこで考えたのですが、HP作成者側で意図的に移動の順番を制御出来ないだろうか？？
ということなんですが、こんなことって可能でしょうか？？

教えてください。

回答者 しあわせのツボ [削除] 投稿日 9/4(火) 18:33:45

各アイテムにtabindex属性をつけます。打った数字の順に飛びます。
例：<input type="text" name="foo" tabindex="2">

質問者 ともえ [削除] 投稿日 9/5(水) 10:49:15

<input type="text" name="foo" tabindex="2">

を実行してみました。
しかし、IEはOKでしたが、NNはダメでした。
なぜダメかというと、下記の構成の際に隣の画像に移動してしまいます。
まずコード01のテキストボックスに移動し、次にaa.gifに移動し、次にbb.gifに移動し、
コード02のテキストボックスに移動します。
これをコード01のテキストボックスに移動し、次にコード02のテキストボックスに移動し、
次にコード03のテキストボックスに移動した後に、aa.gif→bb.gif→cc.gifに移動するように制御したいんですが・・・・。
-----------------------------------------------------------------
  <TABLE WIDTH="460" BORDER="0" CELLSPACING="2">
    <TR>
      <TD COLSPAN="2"><B><FONT SIZE="4">■検索条件</FONT></B> </TD>
      <TD BGCOLOR="#FFFFFF" ROWSPAN="14" WIDTH="20">　　</TD>
      <TD BGCOLOR="#FFFFFF" WIDTH="155"><B><FONT SIZE="4">■検索実行</FONT></B></TD>
    </TR>
    <TR>
      <TD COLSPAN="2" BGCOLOR="#FFFFFF"><HR SIZE="1" ALIGN="LEFT" WIDTH="285" NOSHADE></TD>
      <TD BGCOLOR="#FFFFFF"><HR SIZE="1" ALIGN="LEFT" WIDTH="155" NOSHADE></TD>
    </TR>
    <TR>
      <TD BGCOLOR="#99CCCC" WIDTH="100" NOWRAP><B>コード01</B></TD>
      <TD BGCOLOR="#CCFFCC" HEIGHT="30" WIDTH="185"><INPUT TYPE="TEXT" NAME="CTCD" VALUE="" SIZE="7" MAXLENGTH="6" tabindex="1"></TD>
      <TD BGCOLOR="#FFCCCC" ROWSPAN="2" ALIGN="CENTER" VALIGN="MIDDLE"><A HREF="index.html"><IMG SRC="bb.gif" WIDTH="129" HEIGHT="22" BORDER="0"></A><BR><BR>
      <A HREF="index_00.html"><IMG SRC="bb.gif" WIDTH="129" HEIGHT="22" BORDER="0"></A></TD>
    </TR>
    <TR>
      <TD BGCOLOR="#CCCCCC" NOWRAP><B>コード02</B></TD>
      <TD BGCOLOR="#CCFFCC" HEIGHT="30"><INPUT TYPE="TEXT" NAME="CTNM" VALUE="" SIZE="20" MAXLENGTH="256" tabindex="2"></TD>
    </TR>
    <TR>
      <TD BGCOLOR="#99CCCC" NOWRAP><B>コード02</B></TD>
      <TD BGCOLOR="#CCFFCC" HEIGHT="30"><INPUT TYPE="TEXT" NAME="UPDATE" VALUE="" SIZE="11" MAXLENGTH="10" tabindex="3"></TD>
      <TD BGCOLOR="#CCCCFF" ALIGN="CENTER" VALIGN="MIDDLE"><B>
      <A HREF="index_11.html"><img src="cc.gif" width="129" height="22" border="0"></A></B>
      </TD>
    </TR>
  </TABLE>
-----------------------------------------------------------------

IEとNN両方使用できる方法はありますか？？

よろしくお願い致します。

回答者 しあわせのツボ [削除] 投稿日 9/5(水) 12:43:29

tabindexはHTML4.0以上の仕様ですので、Navigator4系以下だと認識されないのも無理はありません。Netscape6では動作すると思います。他の方法は知りません。
どなたか「JavaScriptで何とかできるかも」という強者でもいらっしゃれば別ですが。

回答者 v798 [削除] 投稿日 10/30(火) 16:45:06

OnFocusイベントハンドラとfocus()メソッドを使えば
似たようなことはできると思いますが・・・

使えるオブジェクトは限られます。

返信(回答)する

Ｗｅｂ裏技