Draggable "Toss" Demo
Drag and throw elements and watch them continue naturally with momentum, respect bounds and optionally snap to a grid. This is the demo seen at http://www.greensock.com/draggable/
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset=utf-8 /> | |
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.3.0/pure-min.css"> | |
<title>JS Bin</title> | |
</head> | |
<body> | |
<div class="container"> |
(function() { | |
// declare thee datasource outside of the grid | |
// so we can control which page of data to show | |
var dataSource = new kendo.data.DataSource({ | |
type: 'odata', | |
transport: { | |
read: 'http://demos.kendoui.com/service/Northwind.svc/Orders' | |
}, | |
pageSize: 20, |
<!doctype html> | |
<html> | |
<head> | |
<!-- Run in full-screen mode. --> | |
<meta name="apple-mobile-web-app-capable" content="yes"> | |
<!-- Make the status bar black with white text. --> | |
<meta name="apple-mobile-web-app-status-bar-style" content="black"> |
<?xml version="1.0" encoding="UTF-8"?> | |
<!-- config.xml reference: https://build.phonegap.com/docs/config-xml --> | |
<widget xmlns = "http://www.w3.org/ns/widgets" | |
xmlns:gap = "http://phonegap.com/ns/1.0" | |
id = "com.phonegap.hello-world" | |
version = "1.0.0"> | |
<name>Hello World</name> |
<!DOCTYPE HTML> | |
<html> | |
<head> | |
<style> | |
body { | |
margin: 0px; | |
padding: 0px; | |
} | |
</style> | |
</head> |
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> | |
<head> | |
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> | |
<title>App-to-Convert</title> | |
<script type="text/javascript"> | |
var field1 = 0; //field1 and field2 are the values being added together | |
var field2 = 0; | |
var question_num = 0; //question_num counts up to 10 | |
<!DOCTYPE HTML> | |
<html> | |
<head> | |
<style> | |
body { | |
margin: 0px; | |
padding: 0px; | |
} | |
</style> | |
</head> |
<!DOCTYPE HTML> | |
<html> | |
<head> | |
<style> | |
body { | |
margin: 0px; | |
padding: 0px; | |
} | |
</style> | |
</head> |
<a class="twitter-timeline" href="https://twitter.com/mektball" data-widget-id="439791431096348672">Tweets by @mektball</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> |
Drag and throw elements and watch them continue naturally with momentum, respect bounds and optionally snap to a grid. This is the demo seen at http://www.greensock.com/draggable/