Chromium Code Reviews Chromium Code Reviews
Issue 955653003:
Adding Maps page to page_sets for telemetry. (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@mousedrag2| Index: tools/telemetry/unittest_data/draggable.html |
| diff --git a/tools/telemetry/unittest_data/draggable.html b/tools/telemetry/unittest_data/draggable.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..c9ff0784c0881f4b73212bf54a6349e209cf1cd0 |
| --- /dev/null |
| +++ b/tools/telemetry/unittest_data/draggable.html |
| @@ -0,0 +1,52 @@ |
| +<html> |
| + <head> |
| + <style> |
| + body { margin:0; } |
|
Sami
2015/03/03 13:46:15
nit: add a space after the ':' (here and below).
ssid
2015/03/03 14:50:08
Done.
|
| + #drag_div { |
| + width:100%; |
| + height:100%; |
| + background:blue; |
| + position:relative; |
| + } |
| + </style> |
| + <script> |
| + offsetX = 0; |
| + offsetY = 0; |
| + |
| + function drag(event) { |
| + d = document.getElementById("drag_div"); |
| + offsetX = event.clientX - d.offsetLeft; |
| + offsetY = event.clientY - d.offsetTop; |
| + } |
| + |
| + function drop(event) { |
| + d = document.getElementById("drag_div"); |
| + d.style.left = event.clientX - offsetX; |
| + d.style.top = event.clientY - offsetY; |
| + } |
| + |
| + function touchStart(event) { |
| + d = document.getElementById("drag_div"); |
| + offsetX = event.touches[0].clientX - d.offsetLeft; |
| + offsetY = event.touches[0].clientY - d.offsetTop; |
| + } |
| + |
| + function touchEnd(event) { |
| + d = document.getElementById("drag_div"); |
| + d.style.left = event.changedTouches[0].clientX - offsetX; |
| + d.style.top = event.changedTouches[0].clientY - offsetY; |
| + } |
| + |
| + </script> |
| + </head> |
| + |
| + <body id ="body"> |
| + <div id="drag_div"> </div> |
| + </body> |
| + <script> |
| + document.getElementById('body').addEventListener("mouseup", drop); |
|
Sami
2015/03/03 13:46:15
nit: Use single quotes consistently (here and belo
ssid
2015/03/03 14:50:08
Done.
|
| + document.getElementById('body').addEventListener("touchend", touchEnd); |
| + document.getElementById('drag_div').addEventListener("mousedown", drag); |
| + document.getElementById('drag_div').addEventListener("touchstart", touchStart); |
| + </script> |
| +</html> |
