Skip to content
Find file
Fetching contributors…
Cannot retrieve contributors at this time
56 lines (48 sloc) 1.39 KB
<script src="external/jquery.js"></script>
<script src="external/jquery-ui.js"></script>
<link rel="stylesheet" type="text/css" href="external/jquery-ui.css"/>
<link rel="stylesheet" type="text/css" href="trackliner.css"/>
<script src="trackliner.js"></script>
.test-class {
cursor: pointer;
background-image: -moz-linear-gradient(top, #00f, #006);
background-image: -webkit-gradient(linear, left top, left bottom, from(#00f), to(#006));
document.addEventListener('DOMContentLoaded', function (e) {
var trackline = new TrackLiner({
element: "container",
dynamicTrackCreation: true
trackline.addTrack( trackline.createTrack() );
var elems = document.getElementsByClassName('droppable');
for (var i=0; i<elems.length; ++i) {
helper: 'clone',
revert: true,
revertDuration: 0,
} //for
}, false);
.droppable {
cursor: pointer;
.test {
font: 10pt Helvetica;
<div id="container" style="width: 100%; height: 50%;">
<div id="droppables">
<div class="droppable">Drag me!</div>
Something went wrong with that request. Please try again.