content/test/data/accessibility/iframe-coordinates.html

   1 <!doctype html>
   2 <!--
   3 @MAC-DENY:AXTitle*
   4 @MAC-DENY:AXValue*
   5 @MAC-ALLOW:position*
   6 @MAC-ALLOW:size*
   7
   8 @WIN-DENY:title*
   9 @WIN-ALLOW:location*
  10 @WIN-ALLOW:size=(300, 150)
  11 @WIN-ALLOW:size=(300, 100)
  12 @WIN-ALLOW:size=(250, 50)
  13 @WIN-ALLOW:size=(150, 50)
  14 @WIN-ALLOW:IA2_STATE_EDITABLE
  15 -->
  16 <html>
  17 <head>
  18 <style>
  19 body {
  20   overflow: hidden;
  21 }
  22 iframe {
  23   border: 0;
  24   margin: 0;
  25   padding: 0;
  26   overflow: hidden;
  27 }
  28 div {
  29   width: 300px;
  30   height: 150px;
  31 }
  32 </style>
  33 </head>
  34 <body style="margin: 0; padding: 0;">
  35
  36 <div>
  37   <button style="margin: 25px; border: 0; width: 250px; height: 50px">
  38     Button
  39   </button>
  40 </div>
  41
  42 <div>
  43   <button style="margin: 25px; border: 0; width: 250px; height: 50px">
  44     Button
  45   </button>
  46 </div>
  47
  48 <div><iframe id="frame1" style="width: 300px; height: 100px;" scrolling="no"></iframe></div>
  49
  50 <div><iframe id="frame2" style="width: 150px; height: 50px;" scrolling="no"></iframe></div>
  51
  52 <script>
  53 var frameCode =
  54     '<body style="margin: 0; padding: 0;">\n' +
  55     '<div style="width: 300px; height: 100px;">\n' +
  56     '  <button style="margin: 25px; border: 0; width: 250px; height: 50px">\n' +
  57     '    Button\n' +
  58     '  </button>\n' +
  59     '</div>\n' +
  60     '</body>\n';
  61
  62 function writeFrameCode(frame) {
  63   var doc = frame.contentWindow.document;
  64   doc.open();
  65   doc.write(frameCode);
  66   doc.close();
  67 }
  68
  69 var frame1 = document.getElementById('frame1');
  70 writeFrameCode(frame1);
  71
  72 var frame2 = document.getElementById('frame2');
  73 writeFrameCode(frame2);
  74 frame2.contentWindow.scrollTo(150, 50);
  75 </script>
  76
  77 </body>
  78 </html>