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

解決済

質問者：chitama
質問日時：2001/06/08 14:05
回答数：6件

ブラウザ上でのタブ・シフトタブの動きについて質問です。
JSPを使って開発していて、
ブラウザはネットスケープ4.7を使用しているのですが・・・。

タブキーだと、ブラウザ上の項目を順番に
上から下へ下がっていき、一番上のアドレスを書き込む所まできて、
順にぐるぐる回るのですが・・・。
シフトタブとなると、きちんと一周しません。
(途中で、一番上のアドレスを書き込む所にいきなりもどってしまう。)

シフトタブでも、タブと全く逆の動きをさせたいのですが、
それを制御することはできるのでしょうか？

もし、知っている方がいらっしゃったら、教えて頂きたいです。
参考になりそうなＨＰなどありましたら、
それも教えていただきたいです・・・。

すみませんが、よろしくおねがいいたします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (6件)

ベストアンサー優先
最新から表示
回答順に表示

No.6ベストアンサー

回答者： mkim
回答日時：2001/06/11 13:32

ども＾＾

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>
＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠＠

これでは、きちんとシフトタブでも動作しますので、少し変更されるのが
良いかと思います。（あくまで個人的に。）
他に誰かがいい案を出してくれるかもしれません。
時間がなくて、とりあえずこう言う風に変更できるなら変更してみるのも
いいかもしれません。
がんばってください。

- 0
- 件

通報する

この回答へのお礼

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

通報する

お礼日時：2001/06/11 15:36

No.5

回答者： mkim
回答日時：2001/06/11 10:07

ども＾＾

私の所では、タブ移動順(tabindex)は、指定しておりませんでした。
作成したコンポーネント順にきれいに動いています。
シフトタブでも、きれいに動いています。(netscape4.75で確認)

ただ、chitamaさんと違う所と言えば、javascriptで別ウィンドウを
作成し、アドレスを打ち込むテキストは、表示させないようにしています。
アドレスを打ち込むテキストボックスに何か関係あるのでしょうかね＾＾；；

＃すいません。お力になれず。また、何かわかりましたらご連絡いたします。

この回答への補足

調べて頂いて、本当にありがとうございます！
やはり、特に何もしてしておりませんでしたか・・・。
普通だったら、他から何かとくに指定していない限り、
タブと全く逆の動きをシフトタブでするということなのでしょうねぇ・・・。

もういちど、シフトタブで通らないコンポーネントを何か余計な
制御をしていないか、調べてみます！

あと、アドレスを打ち込むテキストボックスというのは・・・
ネットスケープの上にある、
(戻る・進む・中止・更新・ホーム・・・がある、バー)の下の、
アドレス(D)の所の事です　(＾_＾;)
<アドレスバー？のことです>

専門用語を今いちまだ、使いこなしきれてないので、
うまく説明できませんでした！

すみませんでした！そして、
ありがとうございました！

補足日時：2001/06/11 11:03

通報する

- 0
- 件

通報する

この回答へのお礼

すいません！お礼じゃなくて、コレは補足になるぶぶんなのですが・・・。
やっぱり、ソースを見てみても、きちんとシフトタブが効いてるものと
比べても、とくに怪しいところはないような気がします・・・(×_×;)

コレ(↓↓↓↓)がソースなのですが・・・

単純に、『経過日数』と書かれた文字の横にひとつテキストボックスがあり、
その下に、リンクがあり、その隣に、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>
*******************************************************
特に怪しいところはないのですが、
タブキーだと、
「テキストボックス」
　　↓
「リンク」
　　↓
「検索」ボタン
　　↓
「取消」ボタン
と流れていくのですが、

シフトタブとなると、
「取消」ボタン
　　↓
「検索」ボタン
　　↓
「リンク」
　　↓
ブラウザの上にある、アドレスバー
と移動してゆくのです・・・　(-_-;)

なんだか、ちんぷんかんぷんになってきました・・・
クラスの内容は、スタイルシートなので、
ただ、文字の色や大きさを指定しているだけです・・・

何か、これで気づかれることがありましたら、お願いいたします！

通報する

お礼日時：2001/06/11 11:25

No.4

回答者： mkim
回答日時：2001/06/09 10:38

どもども＾＾

私もＪＳＰを使ってwebサイトを構築しておりましたが、
タブ移動順は、正常に動きましたよ。
（仕様によりネットスケープ4.75＆ＩＥ5.5で動作確認）
なので、できると思います。

今は、家からで会社でないと環境が整いませんので
月曜日でよければ調べてみたいと思います。
（テスト段階でシフトタブが漏れていなければ大丈夫なはず。。。）

この回答への補足

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

補足日時：2001/06/10 16:15

通報する

- 0
- 件

通報する

No.3

回答者： alfeim
回答日時：2001/06/09 04:14

お使いのブラウザの問題ではないですか？

他のブラウザでも同様の減少が起こるか試してみてはいかがでしょうか？

- 0
- 件

通報する

この回答へのお礼

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

通報する

お礼日時：2001/06/10 16:14

No.2

回答者： noname#1752
回答日時：2001/06/08 15:23

コンポーネントを作った順番が関係しているのではないかとおもうので、もう一度、タブ移動させたいコンポーネント順に作り直すってゆうのはどうですか？

的外れだったらすみません。

この回答への補足

ご解答、ありがとうございます。
カーソルが移動して欲しい順番に、
コンポーネントは作成してあります・・・。

タブキーだと、順番に思うように移動してくれるのですが、
シフト+タブ(タブと全く逆の動きをする)だと、
ある項目を無視して一順するのです・・・。

この設定、不可能な事なのでしょうか？

タブではきちんと動くのに、
シフトタブになると、上手く行かない、
という理由が分からなくて困っています。

何か原因などは考えられますか？

補足日時：2001/06/08 15:37

通報する

- 0
- 件

通報する

No.1

回答者： blackhouse
回答日時：2001/06/08 14:32

こんにちは。

JSPというや、アドレスを書き込む所・・・などがよく分かりませんけど(^^;
おそらくフォーム関係のことだと思われましたので、それについて
アドバイスさせて頂きます。

通常ならシフトタブで上に遡っていくはずですが、
tabindex属性で指定してみてはいかがでしょう？

<input type="text" tabindex="1">
<input type="text" tabindex="2">
<input type="text" tabindex="3">
・・・

と。これで動くと思います。

この回答への補足

ご解答、ありがとうございました。
わけの分からない言葉をかいてしまいまして、すみません　(>_<)
アドレスを書き込む所とは、ブラウザの上の、現在いるアドレスを表示する、
テキストボックスのことです　(*_*)
変な表現をしてしまい、すみませんでした！。

さっそく、「TubIndex」でやってみたのですが、全く効いてないようです・・・。
タブキーでも、指定した「TubIndex」を無視して、
上から流れるようにカーソルが動いていきます。
(何も(「TubIndex」を)指定してなかった状態と全く同じ動きになります)
書き方がまずかったのでしょうか？

何か他に方法はありませんか？

補足日時：2001/06/08 14:52

通報する