• ベストアンサー

ブラウザ上でのタブ・シフトタブの動きについて質問です。

ブラウザ上でのタブ・シフトタブの動きについて質問です。 JSPを使って開発していて、 ブラウザはネットスケープ4.7を使用しているのですが・・・。 タブキーだと、ブラウザ上の項目を順番に 上から下へ下がっていき、一番上のアドレスを書き込む所まできて、 順にぐるぐる回るのですが・・・。 シフトタブとなると、きちんと一周しません。 (途中で、一番上のアドレスを書き込む所にいきなりもどってしまう。) シフトタブでも、タブと全く逆の動きをさせたいのですが、 それを制御することはできるのでしょうか? もし、知っている方がいらっしゃったら、教えて頂きたいです。 参考になりそうなHPなどありましたら、 それも教えていただきたいです・・・。 すみませんが、よろしくおねがいいたします。

  • HTML
  • 回答数6
  • ありがとう数6

質問者が選んだベストアンサー

  • ベストアンサー
  • mkim
  • ベストアンサー率67% (25/37)
回答No.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> @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ これでは、きちんとシフトタブでも動作しますので、少し変更されるのが 良いかと思います。(あくまで個人的に。) 他に誰かがいい案を出してくれるかもしれません。 時間がなくて、とりあえずこう言う風に変更できるなら変更してみるのも いいかもしれません。 がんばってください。

chitama
質問者

お礼

mkimさん、ほんとうにありがとうございました! とても参考になりました! mkimさんに言われたとおり、タグの閉じ忘れなど、 ちょっと見てみたのですが、やはりうまくいきません。 IEだと、きちんと思うようにうごくので、 先輩と検討しました結果、mkimさんのおっしゃる通り、 ネスケのバグじゃないのかな?という結論にいたりました。 ネスケは「Table」にやはり、弱いみたいです。 今、プロジェクトマネージャーに「バグではないか?」と。 問い合わせ中です。 色々教えて頂いて、本当にありがとうございました! こんなに、親切にして頂いて、とてもうれしいです。 がんばります!

その他の回答 (5)

  • mkim
  • ベストアンサー率67% (25/37)
回答No.5

ども^^ 私の所では、タブ移動順(tabindex)は、指定しておりませんでした。 作成したコンポーネント順にきれいに動いています。 シフトタブでも、きれいに動いています。(netscape4.75で確認) ただ、chitamaさんと違う所と言えば、javascriptで別ウィンドウを 作成し、アドレスを打ち込むテキストは、表示させないようにしています。 アドレスを打ち込むテキストボックスに何か関係あるのでしょうかね^^;; #すいません。お力になれず。また、何かわかりましたらご連絡いたします。

chitama
質問者

お礼

すいません!お礼じゃなくて、コレは補足になるぶぶんなのですが・・・。 やっぱり、ソースを見てみても、きちんとシフトタブが効いてるものと 比べても、とくに怪しいところはないような気がします・・・(×_×;) コレ(↓↓↓↓)がソースなのですが・・・ 単純に、『経過日数』と書かれた文字の横にひとつテキストボックスがあり、 その下に、リンクがあり、その隣に、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> ******************************************************* 特に怪しいところはないのですが、 タブキーだと、 「テキストボックス」   ↓ 「リンク」   ↓ 「検索」ボタン   ↓ 「取消」ボタン と流れていくのですが、 シフトタブとなると、 「取消」ボタン   ↓ 「検索」ボタン   ↓ 「リンク」   ↓ ブラウザの上にある、アドレスバー と移動してゆくのです・・・ (-_-;) なんだか、ちんぷんかんぷんになってきました・・・ クラスの内容は、スタイルシートなので、 ただ、文字の色や大きさを指定しているだけです・・・ 何か、これで気づかれることがありましたら、お願いいたします!

chitama
質問者

補足

調べて頂いて、本当にありがとうございます! やはり、特に何もしてしておりませんでしたか・・・。 普通だったら、他から何かとくに指定していない限り、 タブと全く逆の動きをシフトタブでするということなのでしょうねぇ・・・。 もういちど、シフトタブで通らないコンポーネントを何か余計な 制御をしていないか、調べてみます! あと、アドレスを打ち込むテキストボックスというのは・・・ ネットスケープの上にある、 (戻る・進む・中止・更新・ホーム・・・がある、バー)の下の、 アドレス(D)の所の事です (^_^;) <アドレスバー?のことです> 専門用語を今いちまだ、使いこなしきれてないので、 うまく説明できませんでした! すみませんでした!そして、 ありがとうございました!

  • mkim
  • ベストアンサー率67% (25/37)
回答No.4

どもども^^ 私もJSPを使ってwebサイトを構築しておりましたが、 タブ移動順は、正常に動きましたよ。 (仕様によりネットスケープ4.75&IE5.5で動作確認) なので、できると思います。 今は、家からで会社でないと環境が整いませんので 月曜日でよければ調べてみたいと思います。 (テスト段階でシフトタブが漏れていなければ大丈夫なはず。。。)

chitama
質問者

補足

調べていただけますか!? わざわざありがとうございます! タブ順は、なにかタグで指定されていたのですか? それとも、コンポーネント作成順で うまくいくのでしょうか・・・。 うまく、テキストボックスの部分だけを よけてから、シフトタブでは動くのですよねぇ・・・。 テキストボックスがなにかしらあるのでしょうか??

  • alfeim
  • ベストアンサー率58% (114/195)
回答No.3

お使いのブラウザの問題ではないですか? 他のブラウザでも同様の減少が起こるか試してみてはいかがでしょうか?

chitama
質問者

お礼

ありがとうございます! 早速IEで試してみたいと思います。

noname#1752
noname#1752
回答No.2

コンポーネントを作った順番が関係しているのではないかとおもうので、もう一度、タブ移動させたいコンポーネント順に作り直すってゆうのはどうですか? 的外れだったらすみません。

chitama
質問者

補足

ご解答、ありがとうございます。 カーソルが移動して欲しい順番に、 コンポーネントは作成してあります・・・。 タブキーだと、順番に思うように移動してくれるのですが、 シフト+タブ(タブと全く逆の動きをする)だと、 ある項目を無視して一順するのです・・・。 この設定、不可能な事なのでしょうか? タブではきちんと動くのに、 シフトタブになると、上手く行かない、 という理由が分からなくて困っています。 何か原因などは考えられますか?

回答No.1

こんにちは。 JSPというや、アドレスを書き込む所・・・などがよく分かりませんけど(^^; おそらくフォーム関係のことだと思われましたので、それについて アドバイスさせて頂きます。 通常ならシフトタブで上に遡っていくはずですが、 tabindex属性で指定してみてはいかがでしょう? <input type="text" tabindex="1"> <input type="text" tabindex="2"> <input type="text" tabindex="3"> ・・・ と。これで動くと思います。

chitama
質問者

補足

ご解答、ありがとうございました。 わけの分からない言葉をかいてしまいまして、すみません (>_<) アドレスを書き込む所とは、ブラウザの上の、現在いるアドレスを表示する、 テキストボックスのことです (*_*) 変な表現をしてしまい、すみませんでした!。 さっそく、「TubIndex」でやってみたのですが、全く効いてないようです・・・。 タブキーでも、指定した「TubIndex」を無視して、 上から流れるようにカーソルが動いていきます。 (何も(「TubIndex」を)指定してなかった状態と全く同じ動きになります) 書き方がまずかったのでしょうか? 何か他に方法はありませんか?

関連するQ&A

  • タブ順について

    ブラウザ上でのタブの動きについて質問です。 JSPを使って開発していて、タブ順は<BODY tabindex = -1>以外何も 設定していません。 タブキーで移動していくと、上から順にきちんと動くのですが、 一番最後まできて、最初に戻る前に1回どこかにカーソルがいなくなってしまいます。 1番最後にカーソルがある状態でタブキーを押すとカーソルがいなくなってしまい、もう1度押すと一番上に戻ります。 最後にある状態でタブキーを押したら一番上に戻るようにしたいのですが、何が原因かわかりません。 ご存知の方、教えてください。よろしくお願いします。

  • 新wordでタブが正常に機能しません;;

    wordで「タブとリーダー」でタブ位置を設定したときに、タブキーを押してタブ位置に移動すると、なぜか文字の左側の文字から順に消えていってしまい、最後にはなくなってしまいます。 <例> あいうえお→タブキー→いうえお→タブキー→うえお・・・ テキストを見ても、そんな設定はのっておらず、困っています。 アドバイスよろしくお願いします。

  • tabキーを使うのでしょうか

     住所などを入力する画面でのキーボード操作について質問です。  □にチェックを入れる形式ではなく、○に黒丸をつける形式の場合(例えば性別を選択する項目)、どのキーを使えばよいのでしょうか。  タブキーを使うとすぐそばの○に黒丸が入りますが、すぐそばの○を飛ばしてその次の○に黒丸を入れたいとき、もう一度タブキーを押すと次の項目に飛んでしまいます。  例えば、性別を選択する項目は一般的に男性・女性の順です。男性を選択するならタブキーを一度押すだけですが、女性を選択したくてタブキーを更に押すと、男性を選択した上で次の記入項目に飛んでしまいます。キーボードでスラスラと進めたいのに、こういう選択項目だけマウスを使って選択しています。  簡潔に表現できませんが、どのキーを使えばよいのか、教えて下さい。よろしくお願いします。

  • CoolNovoのタブについて

    ブラウザでCoolNovoを使っている方にお聞きします。 タブ上でクリックしたまま下に移動して離すと、そのタブが新窓になってしまうのですがそれをできなくするには、設定のどの項目ですればよいのでしょうか…? この動作をしなければいい話なのですが、急いでる時などタブ切り替えの時にやってしまうようで困っています;;(ほんの少しの動きでも新窓になるような気もします) タブ固定にしてもこの動作をすると新窓になってしまうので違うみたいですし…。 設定のページが英語表記というのもあって、わからなくて困っています。 教えて下さると有難いです!

  • ブラウザから特定のアプリケーションを起動したい

    JAVA/JSPにて開発を行っておりますが、 ブラウザからリンクやボタンを押した場合、 拡張子がjpgの画像ファイルをwindowsに関連付けられているアプリケーションで起動したいのですが、できますでしょうか。 windowsフォトビューアなど。 apacheのmime設定や、JAVA/JSPの制御等でそういう事が出来るのか 教えてください。 よろしくお願いします。

  • フォーカスの順番移動

    VBAで今フォーム1にテキストボックス2つ コンボボックス3つ上から順にあるのですが エンターキーまたはタブを押すと上から順番にフォーカスを移動させたいので すが、どうすればいいのでしょうか?プロパティの設定でできるのでしょうか ?今はタブキーを押すとばらばらの順番でフォーカスが移動します。なぜでしょう? ちなみにコントロールの名前は上から TextBox1、TextBox2、ComboBox1、ComboBox2、ComboBox3です

  • 検索したらタブで沢山ひらけられるタブブラウザのアプ

    検索したらタブで沢山ひらけられるタブブラウザのアプリ、どこか知りませんか? スマホでAndroidのマイクに喋りかけて よく検索してます、 しかし上から順に一個一個開いていくのが大変です、 そこでタブブラウザで一気にひらいてみるのは便利と思いませんか? 検索したらすぐに上から順に10項目くらい全部自動にひらく機能あればなおさら最高に思いません?

  • IEのタブブラウザ化はなぜ遅れているのか?

    ネットスケープではタブブラウザになっていますね。 なんでIE6はこんなに、遅くなってしまったのでしょうか? (Windows Live Toolbarってもっと早く作れなかったのかな?) IE7からタブ化しようとしていたのでしょうか? MS社はどれくらいブラウザ開発に力を入れているのでしょうか?

  • おすすめのブラウザは?

    現在ブラウザは、safariを使っていますが 他のブラウザがsafariよりも良ければ、 そのブラウザ使いたいと思います。 まず、みなさんは、どのブラウザで ネットを見てますか? IEで見たり、firefoxで見たり、Chromeで見たりしてると思いますが それぞれの良いところを挙げてください。 僕は、safariを使ってますが、良いところは、 お気に入りサイトに素早く移動できるところです。 ブックマークバーというのがあって タブの上にお気に入りのサイトのリンクを表示させることが出来ます。 それがスタイリッシュなので、いくつも表示出来ます。(現在20サイト) ブックマークバーのいいところは、表示されている名前をクリックすれば リンク先へ飛べますし、 ショートカットキーを用いると素早くお気に入りサイトに行けます。 (command+数字)数字は、お気に入りの順番によって数字が変わる。 容易に順番も変えられますし、容易に消せます。 他にもスタイリッシュってところが好きです。 windowsのIEと比べると、最低限の機能だけですっきりしてます 不便なところは、safariだと表示されない画像などが たまにあります。 みなさんのおすすめのブラウザを教えてください。

  • ワードでのタブ設定とぶら下げインデント

    「記」と「以上」の組み合わせ文で、その本文の所に箇条書きを4項目に渡って入れてあるのですが問題は、2行にまたがる箇条書き文の所なのですが・・。 項目と内容文とに分けてタブキーでスペースを取って、左と右インデントで、位置を揃えて、段落番号をつけました。 項目と内容文の間のタブスペース分をタブマーカーで揃えましたが、一行で終わる行は問題ないのですが、2行に渡る場合、少し長めの内容文をぶら下げインデントを使って内容文の方も揃えたいのですが、設定を掛けたくても、位置がおかしく変更されてしまいます。せっかく揃えたところまでも、崩れてしまいます。 左と右のインデント、それから、段落番号をつけて、その中で、タブ設定と、ぶら下げインデントをスムーズに設定する方法を教えてください。よろしくお願いいたします。