2011-09-16 12 views
3

iframeがあるページがあり、iframeにフォームが含まれています。 Outsie私のiframeにはもっと多くのフォームがあります。 IFRAME内部Tabindex iframeはスキップしますが、内容は含まれません

入力要素はタブインデックス1、2、3、4であり、iはIFRAMEのタブインデックス5外部フォーム要素を与え、6、7、8

iはページを訪問するとき、および行きますiframe内の入力フィールド(tabindex 1)、tab through、2、3、4を正しく訪問しましたが、何かが起きました(明らかにiframe全体が選択されています)、ブラウザのURLバーが選択され、 、そしてそのときだけ、tabindex 5、6、7、8の要素を返します。

どのようにこの動作を克服できますか?他の問題がなければ4から5までスキップしたいと思います。

..私は、ページとiframeの内容の両方を制御することができるので、Javascriptを解決することができますが、ページが別のドメインにあると私は同じものにそれらをもたらすことができないので、クロスサイトです

乾杯!

+0

私はそれが簡単に可能ではないと思います。 – rekire

+0

私は同じことをしたい、答えを見つけることができたことはありますか? – yitzih

+0

@yitzih私は考えていません、それは6年です、残念です:(私はそれを受け入れなかった可能性があります – Tominator

答えて

0

あなたの質問の一部に答えるには、iframe内のbody要素がフォーカス可能な要素です。

ロードされたフレームの本体にtabindexを-1に設定すると、この影響を防ぐことができます。たとえば、次のように

outer.html:

<body> 
<iframe src="inner.html"></iframe> 
<input /> 
<input /> 
<input /> 
<input /> 
</body> 

inner.html:

<body tabindex="-1"> 
<input /> 
<input /> 
<input /> 
<input /> 
</body> 
+2

それは私のためにはうまくいかない(期待通り) – rekire

+1

tabindexを明示的に設定すると、入力要素のタブインデックスを削除するように編集しましたが、これは今正しく動作するようです。 – Carver

関連する問題