e00c2b5ac4963de9521599c88597b7fb97339d0eJakub Hrozek<style>

e00c2b5ac4963de9521599c88597b7fb97339d0eJakub Hrozek #demo {

e00c2b5ac4963de9521599c88597b7fb97339d0eJakub Hrozek height: 100px;

e00c2b5ac4963de9521599c88597b7fb97339d0eJakub Hrozek width: 100px;

e00c2b5ac4963de9521599c88597b7fb97339d0eJakub Hrozek border: 1px solid black;

e00c2b5ac4963de9521599c88597b7fb97339d0eJakub Hrozek background-color: #8DD5E7;

e00c2b5ac4963de9521599c88597b7fb97339d0eJakub Hrozek cursor: move;

e00c2b5ac4963de9521599c88597b7fb97339d0eJakub Hrozek }

e00c2b5ac4963de9521599c88597b7fb97339d0eJakub Hrozek</style>

e00c2b5ac4963de9521599c88597b7fb97339d0eJakub Hrozek

e00c2b5ac4963de9521599c88597b7fb97339d0eJakub Hrozek<div id="demo">Drag Me</div>

e00c2b5ac4963de9521599c88597b7fb97339d0eJakub Hrozek

e00c2b5ac4963de9521599c88597b7fb97339d0eJakub Hrozek<script>

e00c2b5ac4963de9521599c88597b7fb97339d0eJakub Hrozek

e00c2b5ac4963de9521599c88597b7fb97339d0eJakub HrozekYUI().use('dd-drag', function(Y) {

e00c2b5ac4963de9521599c88597b7fb97339d0eJakub Hrozek var dd = new Y.DD.Drag({

e00c2b5ac4963de9521599c88597b7fb97339d0eJakub Hrozek //Selector of the node to make draggable

e00c2b5ac4963de9521599c88597b7fb97339d0eJakub Hrozek node: '#demo'

e00c2b5ac4963de9521599c88597b7fb97339d0eJakub Hrozek });

e00c2b5ac4963de9521599c88597b7fb97339d0eJakub Hrozek});

e00c2b5ac4963de9521599c88597b7fb97339d0eJakub Hrozek</script>

e00c2b5ac4963de9521599c88597b7fb97339d0eJakub Hrozek

e00c2b5ac4963de9521599c88597b7fb97339d0eJakub Hrozek