Skip to content


Subversion checkout URL

You can clone with
Download ZIP
Fetching contributors…
Cannot retrieve contributors at this time
109 lines (98 sloc) 3.5 KB
<!DOCTYPE html>
<title>Big Dumb Finger</title>
<style type="text/css">
body {
margin: 20px;
font-family: arial, sans-serif;
div p {
font-size: 11px;
margin: 0;
div.draggable {
padding: 0;
border: 1px solid grey;
width: 400px;
background: white;
overflow: hidden;
.yui3-dd-proxy {
width: 400px;
height: 40px;
div.draggable strong.icon {
background: url( no-repeat center left;
overflow: hidden;
height: 28px;
margin-right: 3px;
div.yui3-dd-dragging.draggable {
background-color: rgba(0, 116, 208, 0.8);
color: white;
z-index: 100;
width: 250px;
<script charset="utf-8" type="text/javascript" src=""></script>
<script type="text/javascript" src="js/node-event-touch.js"></script>
<script type="text/javascript" src="js/touch-manager.js"></script>
<script type="text/javascript" src="js/synthetic-touch-events.js"></script>
<script type="text/javascript" src="js/dd-drag-offset.js"></script>
<script type="text/javascript" src="js/dd-touch.js"></script>
<p><a href="bigdumbfinger.html">Big Dumb Finger #1</a> | <a href="bigdumbfinger-2.html">Big Dumb Finger #2</a> | <a href="bigdumbfinger-3.html">Big Dumb Finger #3</a> | <a href="bigdumbfinger-4.html">Big Dumb Finger #4</a></p>
<div class="draggable">
<strong class="icon"></strong>
<p>Kevin Kolb</p>
<p>(Phi - QB)</p>
<div class="draggable">
<strong class="icon"></strong>
<p>Vincent Jackson</p>
<p>(SD - WR)</p>
<div class="draggable">
<strong class="icon"></strong>
<p>Mike Sims-Walker</p>
<p>(Jac - WR)</p>
<div class="draggable">
<strong class="icon"></strong>
<p>Rashard Mendenhall</p>
<p>(Pit - RB)</p>
<div class="draggable">
<strong class="icon"></strong>
<p>DeAngelo Williams</p>
<p>(Car - RB)</p>
<script type="text/javascript">
YUI().use( "node", "event", "dd-proxy", "dd-drag-offset", "dd-touch", function(Y) {
var draggables = Y.all("div.draggable");
draggables.each(function(n) {
var drag = new Y.DD.Drag({
node: n,
startCentered: true,
offsetNode: true,
groups: []
}).plug( Y.Plugin.DDTouch, {
invalidTouchHandles: [],
offsetXY: [0, 0],
touchTimeThresh: 250
}).plug( Y.Plugin.DDDragOffset, {
offsetXY: [0.05, 0.5],
touchOffsetXY: [0.35, 0.5]
Jump to Line
Something went wrong with that request. Please try again.