カレッヂ |
質問者 ともえ
投稿日 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()メソッドを使えば 似たようなことはできると思いますが・・・ 使えるオブジェクトは限られます。 |
返信(回答)する
Web裏技 |