Navigate through the TAB key

html iframe client-side tabindex
Roshan Wijesena picture Roshan Wijesena · Jul 25, 2011 · Viewed 8.3k times · Source

I'm working on LAMP application. In my application I'm using iframe. I want to navigate through my application via Tab key. all ok. But Tab selection not going inside to the IFRAME.

Is any one have answer for this 

<html>
<body>
<div>
other codes..
</div>
    <div id="main-content1" style="position:absolute;float:none;top:80px;margin-left:170px;width: 830px;">
              <iframe onload="IfarmeOnload();"  style="display:block; margin-left:none;  margin-right:none; width: 100%; height: 100%;" src="<?php echo $home; ?>" id="rightMenu" name="rightMenu"   frameborder="0">
              </iframe>

    </div>



    </body>
</html>

Answer

hdf54d56 picture hdf54d56 · Oct 21, 2012

Yes! There is a spec for it, its called WAI-ARIA and its for accessibility : http://www.w3.org/WAI/PF/aria-practices/#focus_tabindex

Related questions

How to apply CSS to iframe?

I have a simple page that has some iframe sections (to display RSS links). How can I apply the same CSS format from the main page to the page displayed in the iframe?

Read More
Make iframe automatically adjust height according to the contents without using scrollbar?

For example: <iframe name="Stack" src="http://stackoverflow.com/" width="740" frameborder="0" scrolling="no" id="iframe"> ... </iframe> I want it to be able to adjust its height according to the contents inside it, without using scroll.

Read More
Remove border from IFrame

How would I remove the border from an iframe embedded in my web app? An example of the iframe is: <iframe src="myURL" width="300" height="300">Browser not compatible.</iframe> I would like the transition from the …

Read More