OLD | NEW |
(Empty) | |
| 1 <html><head> |
| 2 <script> |
| 3 function noop(x) { |
| 4 } |
| 5 |
| 6 var red_clicks = 0; |
| 7 var green_clicks = 0; |
| 8 |
| 9 function redClicked() { |
| 10 red_clicks++; |
| 11 checkResult(); |
| 12 } |
| 13 |
| 14 function greenClicked() { |
| 15 green_clicks++; |
| 16 checkResult(); |
| 17 } |
| 18 |
| 19 function checkResult() { |
| 20 var output = document.getElementById("output"); |
| 21 var success = green_clicks >= 0 && red_clicks == 0; |
| 22 output.innerHTML = success ? "SUCCESS" : "FAILURE"; |
| 23 document.title = output.innerHTML; |
| 24 } |
| 25 </script> |
| 26 </head> |
| 27 <body> |
| 28 |
| 29 <!-- The automated test clicks in particular spots on the page, so |
| 30 don't change the geometry of these elements. --> |
| 31 <div style="position: relative;"> |
| 32 |
| 33 <div id="embed_parent" style="position: absolute; z-index: 100" |
| 34 <embed width="400" height="200" wmode="window" loop="false" quality="high"
src="simple_blank.swf" type="application/x-shockwave-flash" /> |
| 35 </div> |
| 36 |
| 37 <div id="red_square" |
| 38 style="z-index: 50; background-color: #FF0000; position: absolute; top:
110; left: 50; width: 100px; height: 100px; overflow: hidden;"> |
| 39 <input type="button" onclick="redClicked()" value="red" style="position: ab
solute; top: 10; left: 10; width: 80px; height: 80px;"/> |
| 40 <iframe src="javascript:void(0);" frameborder=0 style="z-index: -1; positio
n: absolute; left: 0px; top: 0px; width: 100%; height: 100%;"></iframe> |
| 41 </div> |
| 42 |
| 43 <div id="green_square" |
| 44 style="z-index: 150; background-color: #00FF00; position: absolute; top:
110; left: 250; width: 100px; height: 100px; overflow: hidden;"> |
| 45 <input type="button" onclick="greenClicked()" value="green" style="position
: absolute; top: 10; left: 10; width: 80px; height: 80px;"/> |
| 46 <iframe src="javascript:void(0);" frameborder=0 style="z-index: -1; positio
n: absolute; left: 0px; top: 0px; width: 100%; height: 100%;"></iframe> |
| 47 </div> |
| 48 |
| 49 </div> |
| 50 |
| 51 <div style="position: relative; top: 250px;"> |
| 52 |
| 53 <p>Test that <a href="http://tulrich.com/iframe_shims/">iframe |
| 54 shims</a> can be used to overlay HTML above a windowed plugin. The |
| 55 red square should be hidden by the blue flash plugin, and the green |
| 56 square should appear over it. Click over the buttons on the squares |
| 57 to exercise the test. You should not be able to reach the red |
| 58 square's button.</p> |
| 59 |
| 60 <p>Prints "SUCCESS" on success, "FAILURE" on failure.</p> |
| 61 |
| 62 <div id=output>FAILURE</div> |
| 63 |
| 64 </div> |
| 65 |
| 66 </body> |
| 67 </html> |
| 68 |
OLD | NEW |