- ベストアンサー
ブラウザ上でのタブ・シフトタブの動きについて質問です。
ブラウザ上でのタブ・シフトタブの動きについて質問です。 JSPを使って開発していて、 ブラウザはネットスケープ4.7を使用しているのですが・・・。 タブキーだと、ブラウザ上の項目を順番に 上から下へ下がっていき、一番上のアドレスを書き込む所まできて、 順にぐるぐる回るのですが・・・。 シフトタブとなると、きちんと一周しません。 (途中で、一番上のアドレスを書き込む所にいきなりもどってしまう。) シフトタブでも、タブと全く逆の動きをさせたいのですが、 それを制御することはできるのでしょうか？ もし、知っている方がいらっしゃったら、教えて頂きたいです。 参考になりそうなＨＰなどありましたら、 それも教えていただきたいです・・・。 すみませんが、よろしくおねがいいたします。
- みんなの回答 （6）
- 専門家の回答
質問者が選んだベストアンサー
ども＾＾ javascriptの記述を除いてテストしてみました。 すると、テキストボックス自体が表示されませんでした。 むっちゃ、びっくりしました。 ソース削った時に削りすぎたんでしょうね。（ほんとにびっくりしました） それで、テストした結果は同じ現象が出ました。 正式な回答は出来ないのですが、もう一度タグの閉じ忘れや 下手に入れ子状態になっていないか、調べてください。 それとあやふやな記憶で申し訳内のですが、netscapeってtableタグに 弱いような。。。 ですので、tableタグのネストは、避けた方がいいかも。 こんな感じで変更するしか思い付きませんでした。 ＃適当サンプル ＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠ <html> <body> <form> <table align="center" width="450" border="0" name="tab_items2"> <tr bgcolor="#FFFFCC"> <td width="40%" height="30"> 経過日数</td> <td height="30"> <input type="text" name="txtKeika" size="5" maxlength="3" tabindex="1"> </td> </tr> <tr> <td><a href="">aaa</a></td> <td><a href=""><img src="" name="search" border="0" alt="検索"></a></td> <td><a href=""><img src="" name="clear" border="0" alt="取消"></a></td> </tr> </table> </form> </body> </html> ＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠ これでは、きちんとシフトタブでも動作しますので、少し変更されるのが 良いかと思います。（あくまで個人的に。） 他に誰かがいい案を出してくれるかもしれません。 時間がなくて、とりあえずこう言う風に変更できるなら変更してみるのも いいかもしれません。 がんばってください。
その他の回答 (5)
- mkim
- ベストアンサー率67% (25/37)
ども＾＾ 私の所では、タブ移動順(tabindex)は、指定しておりませんでした。 作成したコンポーネント順にきれいに動いています。 シフトタブでも、きれいに動いています。(netscape4.75で確認) ただ、chitamaさんと違う所と言えば、javascriptで別ウィンドウを 作成し、アドレスを打ち込むテキストは、表示させないようにしています。 アドレスを打ち込むテキストボックスに何か関係あるのでしょうかね＾＾；； ＃すいません。お力になれず。また、何かわかりましたらご連絡いたします。
お礼
すいません！お礼じゃなくて、コレは補足になるぶぶんなのですが・・・。 やっぱり、ソースを見てみても、きちんとシフトタブが効いてるものと 比べても、とくに怪しいところはないような気がします・・・(×_×;) コレ(↓↓↓↓)がソースなのですが・・・ 単純に、『経過日数』と書かれた文字の横にひとつテキストボックスがあり、 その下に、リンクがあり、その隣に、GIFを貼り付けたボタンがあるだけです。 ******************************************************* <table align="center" width="450" border="0" name="tab_items2" > <tr bgcolor="#FFFFCC"> <td width="40%" height="30" class="head2" > 経過日数</td> <td height="30" class="textvar" > <input type="text" name="txtKeika" size="5" maxlength="3" onFocus="selectAll(this);"> </td> </tr> </table> <!-- ボタンなどの作成 --> <table align="center" width="450" border="0" name="tab_foot"> <!-- 一般用へのリンク --> <tr bgcolor="#FFFFCC"> <td height="40" colspan=4> <table border=0 cellspacing=0 cellpadding=4 width="100%"> <tr> <td align=top> <span class="head2"> <a href="../pwstatus/n_wqpwst.jsp" >一般用</a> </span> <span class="textvar"> </td> <!-- ボタン --> <!-- 検索ボタン --> <td align=right> <a href="" onMouseOut="searchOff();" onMouseDown="searchOn();" onMouseUp="searchOff();" onClick="doSearch(); return false;"> <img src="../Common/bt_search4.gif" name="search" border="0" alt="検索"></a> <!-- 取消ボタン --> <a href="" onMouseOut="clearOff();" onMouseDown="clearOn();" onMouseUp="clearOff();" onClick="doClear(); return false;"> <img src="../Common/bt_clear.gif" name="clear" border="0" alt="取消"></a> </td> </tr> </table> </td> </tr> </table> ******************************************************* 特に怪しいところはないのですが、 タブキーだと、 「テキストボックス」 ↓ 「リンク」 ↓ 「検索」ボタン ↓ 「取消」ボタン と流れていくのですが、 シフトタブとなると、 「取消」ボタン ↓ 「検索」ボタン ↓ 「リンク」 ↓ ブラウザの上にある、アドレスバー と移動してゆくのです・・・ (-_-;) なんだか、ちんぷんかんぷんになってきました・・・ クラスの内容は、スタイルシートなので、 ただ、文字の色や大きさを指定しているだけです・・・ 何か、これで気づかれることがありましたら、お願いいたします！
補足
調べて頂いて、本当にありがとうございます！ やはり、特に何もしてしておりませんでしたか・・・。 普通だったら、他から何かとくに指定していない限り、 タブと全く逆の動きをシフトタブでするということなのでしょうねぇ・・・。 もういちど、シフトタブで通らないコンポーネントを何か余計な 制御をしていないか、調べてみます！ あと、アドレスを打ち込むテキストボックスというのは・・・ ネットスケープの上にある、 (戻る・進む・中止・更新・ホーム・・・がある、バー)の下の、 アドレス(D)の所の事です (＾_＾;) <アドレスバー？のことです> 専門用語を今いちまだ、使いこなしきれてないので、 うまく説明できませんでした！ すみませんでした！そして、 ありがとうございました！
- mkim
- ベストアンサー率67% (25/37)
どもども＾＾ 私もＪＳＰを使ってwebサイトを構築しておりましたが、 タブ移動順は、正常に動きましたよ。 （仕様によりネットスケープ4.75＆ＩＥ5.5で動作確認） なので、できると思います。 今は、家からで会社でないと環境が整いませんので 月曜日でよければ調べてみたいと思います。 （テスト段階でシフトタブが漏れていなければ大丈夫なはず。。。）
補足
調べていただけますか！？ わざわざありがとうございます！ タブ順は、なにかタグで指定されていたのですか？ それとも、コンポーネント作成順で うまくいくのでしょうか・・・。 うまく、テキストボックスの部分だけを よけてから、シフトタブでは動くのですよねぇ・・・。 テキストボックスがなにかしらあるのでしょうか？？
- alfeim
- ベストアンサー率58% (114/195)
お使いのブラウザの問題ではないですか？ 他のブラウザでも同様の減少が起こるか試してみてはいかがでしょうか？
お礼
ありがとうございます！ 早速IEで試してみたいと思います。
コンポーネントを作った順番が関係しているのではないかとおもうので、もう一度、タブ移動させたいコンポーネント順に作り直すってゆうのはどうですか？ 的外れだったらすみません。
補足
ご解答、ありがとうございます。 カーソルが移動して欲しい順番に、 コンポーネントは作成してあります・・・。 タブキーだと、順番に思うように移動してくれるのですが、 シフト+タブ(タブと全く逆の動きをする)だと、 ある項目を無視して一順するのです・・・。 この設定、不可能な事なのでしょうか？ タブではきちんと動くのに、 シフトタブになると、上手く行かない、 という理由が分からなくて困っています。 何か原因などは考えられますか？
- blackhouse
- ベストアンサー率53% (8/15)
こんにちは。 JSPというや、アドレスを書き込む所・・・などがよく分かりませんけど(^^; おそらくフォーム関係のことだと思われましたので、それについて アドバイスさせて頂きます。 通常ならシフトタブで上に遡っていくはずですが、 tabindex属性で指定してみてはいかがでしょう？ <input type="text" tabindex="1"> <input type="text" tabindex="2"> <input type="text" tabindex="3"> ・・・ と。これで動くと思います。
補足
ご解答、ありがとうございました。 わけの分からない言葉をかいてしまいまして、すみません (>_<) アドレスを書き込む所とは、ブラウザの上の、現在いるアドレスを表示する、 テキストボックスのことです (*_*) 変な表現をしてしまい、すみませんでした！。 さっそく、「TubIndex」でやってみたのですが、全く効いてないようです・・・。 タブキーでも、指定した「TubIndex」を無視して、 上から流れるようにカーソルが動いていきます。 (何も(「TubIndex」を)指定してなかった状態と全く同じ動きになります) 書き方がまずかったのでしょうか？ 何か他に方法はありませんか？
お礼
mkimさん、ほんとうにありがとうございました！ とても参考になりました！ mkimさんに言われたとおり、タグの閉じ忘れなど、 ちょっと見てみたのですが、やはりうまくいきません。 ＩＥだと、きちんと思うようにうごくので、 先輩と検討しました結果、mkimさんのおっしゃる通り、 ネスケのバグじゃないのかな？という結論にいたりました。 ネスケは「Table」にやはり、弱いみたいです。 今、プロジェクトマネージャーに「バグではないか？」と。 問い合わせ中です。 色々教えて頂いて、本当にありがとうございました！ こんなに、親切にして頂いて、とてもうれしいです。 がんばります！