aboutsummaryrefslogtreecommitdiff
path: root/contexts/data/lib/closure-library/closure/goog/demos/dragger.html
diff options
context:
space:
mode:
Diffstat (limited to 'contexts/data/lib/closure-library/closure/goog/demos/dragger.html')
-rw-r--r--contexts/data/lib/closure-library/closure/goog/demos/dragger.html83
1 files changed, 0 insertions, 83 deletions
diff --git a/contexts/data/lib/closure-library/closure/goog/demos/dragger.html b/contexts/data/lib/closure-library/closure/goog/demos/dragger.html
deleted file mode 100644
index 90eb4d1..0000000
--- a/contexts/data/lib/closure-library/closure/goog/demos/dragger.html
+++ /dev/null
@@ -1,83 +0,0 @@
-<!DOCTYPE html>
-<html>
-<!--
-Copyright 2010 The Closure Library Authors. All Rights Reserved.
-
-Use of this source code is governed by the Apache License, Version 2.0.
-See the COPYING file for details.
--->
-<head>
-<title>goog.fx.Dragger</title>
-<script src="../base.js"></script>
-<script>
-
-goog.require('goog.events');
-goog.require('goog.events.EventType');
-goog.require('goog.fx.Dragger');
-goog.require('goog.fx.Dragger.EventType');
-
-</script>
-<link rel="stylesheet" href="css/demo.css">
-<style>
-
-#stopper {
- position: absolute;
- padding: 5px;
- right: 20px;
- top: 20px;
- width: 100px;
- height: 100px;
- background: pink;
- border: 1px solid red;
-}
-
-#out {
- display: inline;
- background: #eee;
- border: 1px solid #ddd;
- padding: 5px;
-}
-
-</style>
-</head>
-<body>
-
-<h1>goog.fx.Dragger</h1>
-
-<p>This demo shows how to use a dragger to capture mouse move events. It tests
-that you can drag things outside the window and that alerts ends the dragging.
-
-<h2 id=test onclick="alert('Click')">Drag me</h2>
-<pre id=out>Status</pre>
-
-<div id=stopper onmouseover="alert('Stop!')">Drag over me to generate an
-alert</div>
-
-<script>
-
-function update(e) {
- print(e.clientX + ', ' + e.clientY);
-}
-
-function print(s) {
- document.getElementById('out').innerHTML = s;
-}
-
-var testEl = document.getElementById('test');
-
-goog.events.listen(testEl, goog.events.EventType.MOUSEDOWN, function(e) {
-
- var d = new goog.fx.Dragger(testEl);
- d.addEventListener(goog.fx.Dragger.EventType.DRAG, function(e) {
- update(e);
- });
- d.addEventListener(goog.fx.Dragger.EventType.END, function(e) {
- print('finish');
- d.dispose();
- });
- d.startDrag(e);
-});
-
-</script>
-</body>
-</html>