Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(334)

Unified Diff: ppapi/examples/flash_topmost/flash_topmost.html

Issue 9369003: Pepper: Add a function to PPB_Flash to check if a rect is topmost. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: add stubs for InvokePrinting() and UpdateActivity() Created 8 years, 10 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « ppapi/examples/flash_topmost/flash_topmost.cc ('k') | ppapi/ppapi_tests.gypi » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: ppapi/examples/flash_topmost/flash_topmost.html
diff --git a/ppapi/examples/flash_topmost/flash_topmost.html b/ppapi/examples/flash_topmost/flash_topmost.html
new file mode 100644
index 0000000000000000000000000000000000000000..81ab1c301c0809e3d74effd8a37f39ca3629186f
--- /dev/null
+++ b/ppapi/examples/flash_topmost/flash_topmost.html
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<html>
+ <!--
+ Copyright (c) 2012 The Chromium Authors. All rights reserved.
+ Use of this source code is governed by a BSD-style license that can be
+ found in the LICENSE file.
+ -->
+<head>
+ <title>Flash Topmost Check Example/Test</title>
+</head>
+
+<style type="text/css">
+#box1 {
+ background-color: #ffff00;
+ line-height: 200px;
+ padding: 0px;
+ position: absolute;
+ text-align: center;
+ width: 200px;
+ height: 200px;
+ z-index: -1;
+}
+#box2 {
+ background-color: #00ffff;
+ line-height: 200px;
+ padding: 0px;
+ position: absolute;
+ text-align: center;
+ width: 200px;
+ height: 200px;
+ z-index: 1;
+}
+</style>
+
+<script type="text/javascript">
+var dragInfo = { lastX:0, lastY:0, target:null };
+
+function onMouseDown(event) {
+ dragInfo.lastX = event.clientX;
+ dragInfo.lastY = event.clientY;
+ dragInfo.target = event.target;
+ document.addEventListener("mousemove", onMouseMove, true);
+ document.addEventListener("mouseup", onMouseUp, true);
+ event.preventDefault();
+}
+
+function onMouseMove(event) {
+ deltaX = event.clientX - dragInfo.lastX;
+ deltaY = event.clientY - dragInfo.lastY;
+ dragInfo.lastX = event.clientX;
+ dragInfo.lastY = event.clientY;
+ baseX = parseInt(dragInfo.target.style.left, 10);
+ baseY = parseInt(dragInfo.target.style.top, 10);
+ dragInfo.target.style.left = (baseX + deltaX) + "px";
+ dragInfo.target.style.top = (baseY + deltaY) + "px";
+ event.preventDefault();
+}
+
+function onMouseUp(event) {
+ document.removeEventListener("mousemove", onMouseMove, true);
+ document.removeEventListener("mouseup", onMouseUp, true);
+ event.preventDefault();
+}
+</script>
+
+<div id="box1" style="left:0px;top:0px;"
+ onmousedown="onMouseDown(event)">Box #1</div>
+<embed id="plugin" type="application/x-ppapi-example-flash-topmost"
+ width="400" height="400"/>
+<div id="box2" style="left:0px;top:100px;"
+ onmousedown="onMouseDown(event)">Box #2</div>
+
+</body>
+</html>
« no previous file with comments | « ppapi/examples/flash_topmost/flash_topmost.cc ('k') | ppapi/ppapi_tests.gypi » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698