ブラウザ上でのタブ・シフトタブの動きについて質問です。
JSPを使って開発していて、
ブラウザはネットスケープ4.7を使用しているのですが・・・。
タブキーだと、ブラウザ上の項目を順番に
上から下へ下がっていき、一番上のアドレスを書き込む所まできて、
順にぐるぐる回るのですが・・・。
シフトタブとなると、きちんと一周しません。
(途中で、一番上のアドレスを書き込む所にいきなりもどってしまう。)
シフトタブでも、タブと全く逆の動きをさせたいのですが、
それを制御することはできるのでしょうか?
もし、知っている方がいらっしゃったら、教えて頂きたいです。
参考になりそうなHPなどありましたら、
それも教えていただきたいです・・・。
すみませんが、よろしくおねがいいたします。
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>
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
これでは、きちんとシフトタブでも動作しますので、少し変更されるのが
良いかと思います。(あくまで個人的に。)
他に誰かがいい案を出してくれるかもしれません。
時間がなくて、とりあえずこう言う風に変更できるなら変更してみるのも
いいかもしれません。
がんばってください。
mkimさん、ほんとうにありがとうございました!
とても参考になりました!
mkimさんに言われたとおり、タグの閉じ忘れなど、
ちょっと見てみたのですが、やはりうまくいきません。
IEだと、きちんと思うようにうごくので、
先輩と検討しました結果、mkimさんのおっしゃる通り、
ネスケのバグじゃないのかな?という結論にいたりました。
ネスケは「Table」にやはり、弱いみたいです。
今、プロジェクトマネージャーに「バグではないか?」と。
問い合わせ中です。
色々教えて頂いて、本当にありがとうございました!
こんなに、親切にして頂いて、とてもうれしいです。
がんばります!
No.5
- 回答日時:
ども^^
私の所では、タブ移動順(tabindex)は、指定しておりませんでした。
作成したコンポーネント順にきれいに動いています。
シフトタブでも、きれいに動いています。(netscape4.75で確認)
ただ、chitamaさんと違う所と言えば、javascriptで別ウィンドウを
作成し、アドレスを打ち込むテキストは、表示させないようにしています。
アドレスを打ち込むテキストボックスに何か関係あるのでしょうかね^^;;
#すいません。お力になれず。また、何かわかりましたらご連絡いたします。
この回答への補足
調べて頂いて、本当にありがとうございます!
やはり、特に何もしてしておりませんでしたか・・・。
普通だったら、他から何かとくに指定していない限り、
タブと全く逆の動きをシフトタブでするということなのでしょうねぇ・・・。
もういちど、シフトタブで通らないコンポーネントを何か余計な
制御をしていないか、調べてみます!
あと、アドレスを打ち込むテキストボックスというのは・・・
ネットスケープの上にある、
(戻る・進む・中止・更新・ホーム・・・がある、バー)の下の、
アドレス(D)の所の事です (^_^;)
<アドレスバー?のことです>
専門用語を今いちまだ、使いこなしきれてないので、
うまく説明できませんでした!
すみませんでした!そして、
ありがとうございました!
すいません!お礼じゃなくて、コレは補足になるぶぶんなのですが・・・。
やっぱり、ソースを見てみても、きちんとシフトタブが効いてるものと
比べても、とくに怪しいところはないような気がします・・・(×_×;)
コレ(↓↓↓↓)がソースなのですが・・・
単純に、『経過日数』と書かれた文字の横にひとつテキストボックスがあり、
その下に、リンクがあり、その隣に、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>
*******************************************************
特に怪しいところはないのですが、
タブキーだと、
「テキストボックス」
↓
「リンク」
↓
「検索」ボタン
↓
「取消」ボタン
と流れていくのですが、
シフトタブとなると、
「取消」ボタン
↓
「検索」ボタン
↓
「リンク」
↓
ブラウザの上にある、アドレスバー
と移動してゆくのです・・・ (-_-;)
なんだか、ちんぷんかんぷんになってきました・・・
クラスの内容は、スタイルシートなので、
ただ、文字の色や大きさを指定しているだけです・・・
何か、これで気づかれることがありましたら、お願いいたします!
No.4
- 回答日時:
どもども^^
私もJSPを使ってwebサイトを構築しておりましたが、
タブ移動順は、正常に動きましたよ。
(仕様によりネットスケープ4.75&IE5.5で動作確認)
なので、できると思います。
今は、家からで会社でないと環境が整いませんので
月曜日でよければ調べてみたいと思います。
(テスト段階でシフトタブが漏れていなければ大丈夫なはず。。。)
この回答への補足
調べていただけますか!?
わざわざありがとうございます!
タブ順は、なにかタグで指定されていたのですか?
それとも、コンポーネント作成順で
うまくいくのでしょうか・・・。
うまく、テキストボックスの部分だけを
よけてから、シフトタブでは動くのですよねぇ・・・。
テキストボックスがなにかしらあるのでしょうか??
No.2
- 回答日時:
コンポーネントを作った順番が関係しているのではないかとおもうので、もう一度、タブ移動させたいコンポーネント順に作り直すってゆうのはどうですか?
的外れだったらすみません。
この回答への補足
ご解答、ありがとうございます。
カーソルが移動して欲しい順番に、
コンポーネントは作成してあります・・・。
タブキーだと、順番に思うように移動してくれるのですが、
シフト+タブ(タブと全く逆の動きをする)だと、
ある項目を無視して一順するのです・・・。
この設定、不可能な事なのでしょうか?
タブではきちんと動くのに、
シフトタブになると、上手く行かない、
という理由が分からなくて困っています。
何か原因などは考えられますか?
No.1
- 回答日時:
こんにちは。
JSPというや、アドレスを書き込む所・・・などがよく分かりませんけど(^^;
おそらくフォーム関係のことだと思われましたので、それについて
アドバイスさせて頂きます。
通常ならシフトタブで上に遡っていくはずですが、
tabindex属性で指定してみてはいかがでしょう?
<input type="text" tabindex="1">
<input type="text" tabindex="2">
<input type="text" tabindex="3">
・・・
と。これで動くと思います。
この回答への補足
ご解答、ありがとうございました。
わけの分からない言葉をかいてしまいまして、すみません (>_<)
アドレスを書き込む所とは、ブラウザの上の、現在いるアドレスを表示する、
テキストボックスのことです (*_*)
変な表現をしてしまい、すみませんでした!。
さっそく、「TubIndex」でやってみたのですが、全く効いてないようです・・・。
タブキーでも、指定した「TubIndex」を無視して、
上から流れるようにカーソルが動いていきます。
(何も(「TubIndex」を)指定してなかった状態と全く同じ動きになります)
書き方がまずかったのでしょうか?
何か他に方法はありませんか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Chrome(クローム) Chromeが強制終了 1 2023/01/29 09:54
- Excel(エクセル) セルの値をグーグルで検索するエクセルVBAについて! 2 2022/08/01 21:41
- タブレット 最近pcがおかしいです!助けてください! 3 2022/07/08 20:43
- ノートパソコン Windows 10 動作改善方法 6 2023/04/26 22:30
- Android(アンドロイド) Android端末(arrows we FCG01)のタブの切り替え方について 2 2023/01/02 10:59
- Windows 10 再起動後 Pinが使用できず、PC(windows11)にサインインできない 3 2022/08/30 20:53
- Chrome(クローム) Chromeで複数タブを開いた状態で閉じ、再度開いた場合のタブの回復は? 2 2022/04/02 01:44
- Chrome(クローム) youtubeのサムネイルを縦4列配列にしたい。 1 2023/03/09 22:35
- Chrome(クローム) 最近Win10にてブラウザが左にスッと隠れていく現象に悩まされてます 3 2023/07/22 23:11
- Chrome(クローム) PCブラウザ(Chrome)で見る “Gmail” のタブの位置が変わっています。 2 2022/08/26 19:17
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
html でのテキスト結合について
-
td width="180" と固定してるの...
-
tableタグとformタグの組み合わせ
-
ブラウザの文字サイズを変える...
-
Firefoxを使ってるのですがズー...
-
ブラウザ上でのタブ・シフトタ...
-
太字にするやり方
-
テーブルのセル内の隙間を取れ...
-
同じクラス名はつけないほうが...
-
4カラムのテーブルに絶対幅と相...
-
IEだけの現象 form内の部品が...
-
tableにul,または,olを入れられ...
-
テーブルとテーブルの間隔について
-
HTMLエラーを自動修正するソフ...
-
TABLEのセルの中の文字を行単位...
-
テーブルの行を折りたたみたい...
-
線が一番細いテーブル
-
テーブルの装飾
-
テーブルのセルに画像をピッタ...
-
テーブルの位置を細かく指定し...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
html でのテキスト結合について
-
tableタグとformタグの組み合わせ
-
テーブルの一部分のセルだけに...
-
同じクラス名はつけないほうが...
-
テーブル内のテーブルの高さを...
-
XHTMLに関する質問 順序が逆に...
-
Tableタグ内のspan styleが適応...
-
Tableタグで作成した表の縮小
-
ブラウザによってテーブルのセ...
-
cssで、テーブルのtdの中の文字...
-
td要素内のdiv要素をセンタリン...
-
vbscriptで時計を作りたい
-
formのinputなどの幅100%指定
-
Firefoxを使ってるのですがズー...
-
テーブルの枠線に色が付かない
-
divで囲んだ文字が消える
-
TDタグ内での均等割付の仕方
-
表とリスト(ulとtable)の違い...
-
firefoxで「height: 100%;」と...
-
<img>タグにCSSのclass設定可能?
おすすめ情報