| Index: chrome/test/data/npapi/iframe_shims.html
|
| ===================================================================
|
| --- chrome/test/data/npapi/iframe_shims.html (revision 0)
|
| +++ chrome/test/data/npapi/iframe_shims.html (revision 0)
|
| @@ -0,0 +1,68 @@
|
| +<html><head>
|
| +<script>
|
| + function noop(x) {
|
| + }
|
| +
|
| + var red_clicks = 0;
|
| + var green_clicks = 0;
|
| +
|
| + function redClicked() {
|
| + red_clicks++;
|
| + checkResult();
|
| + }
|
| +
|
| + function greenClicked() {
|
| + green_clicks++;
|
| + checkResult();
|
| + }
|
| +
|
| + function checkResult() {
|
| + var output = document.getElementById("output");
|
| + var success = green_clicks >= 0 && red_clicks == 0;
|
| + output.innerHTML = success ? "SUCCESS" : "FAILURE";
|
| + document.title = output.innerHTML;
|
| + }
|
| +</script>
|
| +</head>
|
| +<body>
|
| +
|
| + <!-- The automated test clicks in particular spots on the page, so
|
| + don't change the geometry of these elements. -->
|
| + <div style="position: relative;">
|
| +
|
| + <div id="embed_parent" style="position: absolute; z-index: 100"
|
| + <embed width="400" height="200" wmode="window" loop="false" quality="high" src="simple_blank.swf" type="application/x-shockwave-flash" />
|
| + </div>
|
| +
|
| + <div id="red_square"
|
| + style="z-index: 50; background-color: #FF0000; position: absolute; top: 110; left: 50; width: 100px; height: 100px; overflow: hidden;">
|
| + <input type="button" onclick="redClicked()" value="red" style="position: absolute; top: 10; left: 10; width: 80px; height: 80px;"/>
|
| + <iframe src="javascript:void(0);" frameborder=0 style="z-index: -1; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;"></iframe>
|
| + </div>
|
| +
|
| + <div id="green_square"
|
| + style="z-index: 150; background-color: #00FF00; position: absolute; top: 110; left: 250; width: 100px; height: 100px; overflow: hidden;">
|
| + <input type="button" onclick="greenClicked()" value="green" style="position: absolute; top: 10; left: 10; width: 80px; height: 80px;"/>
|
| + <iframe src="javascript:void(0);" frameborder=0 style="z-index: -1; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;"></iframe>
|
| + </div>
|
| +
|
| + </div>
|
| +
|
| + <div style="position: relative; top: 250px;">
|
| +
|
| +<p>Test that <a href="http://tulrich.com/iframe_shims/">iframe
|
| +shims</a> can be used to overlay HTML above a windowed plugin. The
|
| +red square should be hidden by the blue flash plugin, and the green
|
| +square should appear over it. Click over the buttons on the squares
|
| +to exercise the test. You should not be able to reach the red
|
| +square's button.</p>
|
| +
|
| +<p>Prints "SUCCESS" on success, "FAILURE" on failure.</p>
|
| +
|
| +<div id=output>FAILURE</div>
|
| +
|
| +</div>
|
| +
|
| +</body>
|
| +</html>
|
| +
|
|
|
Chromium Code Reviews
Issue 1612:
Implement "iframe shim" behavior for windowed plugins.... (Closed)
Base URL: http://src.chromium.org/svn/trunk/src/