Difference between revisions of "IFrame Element"

From Level Access Web Labs
Jump to navigation Jump to search
 
(33 intermediate revisions by 3 users not shown)
Line 1: Line 1:
This pages contains an iFrame element with a title attribute.
+
This page contains an iFrame element with a title attribute.
  
 
<html>
 
<html>
 +
<head>
 +
  <script>
 +
    function test() {
 +
      //alert('jon');
 +
      alert(window.frames[0].document.body.textContent);
 +
    }
 +
  </script>
 +
 +
</head>
 
<body>
 
<body>
<iframe title="SSB BART Group website" src="https://labs.ssbbartgroup.com/index.php/Main_Page"></iframe>
+
<p>title</p>
 +
<iframe style="height:100px;" width="100%" title="SSB BART Group Labs website" src="https://labs.levelaccess.com/index.php/Main_Page"></iframe>
 +
<button onclick="test();" >test</button>
 +
 
 +
<p>aria-label and no title</p>
 +
<iframe width="100%" aria-label="iFrame with Aria-Label: Level access Labs Website" src="https://labs.levelaccess.com/index.php/Main_Page"></iframe>
 +
 
 +
 
 +
<p>Display none</p>
 +
<iframe width="100%" style="display:none;" src="https://labs.levelaccess.com/index.php/Main_Page"></iframe>
 +
 
 +
 
 +
<p>Display none with space </p>
 +
<iframe width="100%" style="display: none;" src="https://labs.levelaccess.com/index.php/Main_Page"></iframe>
 +
 
 +
 
 +
<p>aria-hidden and tabindex -1</p>
 +
<iframe tabindex="-1" width="100%" aria-hidden="true" src="https://labs.levelaccess.com/index.php/Main_Page"></iframe>
 +
 
 +
 
 +
<p>height 0 and tabindex -1</p>
 +
<iframe tabindex="-1" width="100%" height="0" src="https://labs.levelaccess.com/index.php/Main_Page"></iframe>
 +
 
 +
<p>Youtube</p>
 +
<iframe width="75%" height="315" src="https://www.youtube.com/embed/jHyecw9jgA0?enablejsapi=1" frameborder="0" allowfullscreen="" _fsrb="true"></iframe>
 +
 
 +
 
 +
<p>iFrame with fixed pixel width of 300</p>
 +
<iframe width="300" src="https://www.levelaccess.com"></iframe>
 +
 
 +
<p>iFrame with name</p>
 +
<iframe name="level" width="300" src="https://www.levelaccess.com"></iframe>
 +
 
 +
<p>iFrame with tabindex -1</p>
 +
<iframe name="levelAccessTabindexNegativeOne" tabindex=-1 width="300" src="https://www.levelaccess.com"></iframe>
 +
 
 
</body>
 
</body>
 +
 +
 
</html>
 
</html>
 +
 
[[Category:Elements]]
 
[[Category:Elements]]

Latest revision as of 21:26, 11 February 2020

This page contains an iFrame element with a title attribute.

title

aria-label and no title

Display none

Display none with space

aria-hidden and tabindex -1

height 0 and tabindex -1

Youtube

iFrame with fixed pixel width of 300

iFrame with name

iFrame with tabindex -1