kbjr / dragdrop Goto Github PK

View Code? Open in Web Editor NEW

173.0 173.0 39.0 140 KB

A JavaScript micro-framework for adding drag-and-drop functionality to elements for advanced UI development

Home Page: http://kbjr.github.io/DragDrop/index.html

License: Other

JavaScript 100.00%

dragdrop's People

Contributors

Stargazers

Watchers

dragdrop's Issues

Only supports one draggable at a time?

If I attempt to make multiple elements draggable, only the last one actually moves. This is clearly a bug. Are you aware of it? If I wanted to fix it, where would I start?

Using "right" property instead of "left" causes odd behavior on first dragstart

dragClass not being removed on dragEnd

In Firefox Nightly 10.0a1 (2011-10-30) the drag class is not being removed properly so I drag an element multiple times, I'll end up with a drag class for each drag.

unbind doesn't work

calling DragDrop.unbind crashes with 'binding is not defined'

https://github.com/kbjr/DragDrop/blob/master/drag-drop.js#L284

Is there an online demo for this somewhere?

Neither the README nor the GitHub hosted site have any hint of a demo.

provide a way to hook into dragEnd/dragStart/dragging etc.

It would be nice to offer an easy way to attach functions to these events, to add additional functionality to drag/drop.

position:static?

Hi,

A new version was pushed and the use has changed. DragDrop refuse to work with position:static elements, which is the basic position value of an element. So, how does it work now?

Regards

Problems with fixed positioning to bottom : 0px

I am using your library for a project where I need the dragable elements to align at the bottom when the page loads, and when the user drags they stick to thier new positions
There is a problem with this: as soon as i start dragging the div gets pulled to the top and then drags along. which is odd and unnatural
am i doing something wrong or is this real issue, please help me out here is my code to recreate this problem

HTML:

<html>
    <head>
        <title>
            Test drag drop
        </title>

        <script type = "text/javascript" src = "dragdrop.min.js"></script>
        <script type = "text/javascript" src = "my.js"></script>

    </head>
    <body>
        <div id = "dad" style = "width: 100%; height: 100%; position: relative;background-color: green;"></div>

        <!-- <div id = "mom" style = "width: 200px; height: 200px; position: relative;background-color: gray;"></div> -->

    </body>
</html>

window.onload = function () {

    var dragMe = document.createElement('div');
    dragMe.setAttribute('style','width: 140px;height:100;position:fixed;bottom:0px;background-color: red;');

    var withMe = document.createElement('div');
    withMe.setAttribute('style','width: 140px;height:100;position: absolute;background-color: blue;');

    var dad = document.getElementById('dad');
    dad.appendChild(dragMe);

    DragDrop.bind(dragMe); 
};

[patch] Allow the bounding box to be set from outside the constructor

The reference to the bounding box is to the version in options, so it can not be set outside of the options object in the constructor. Change the reference to the binding object so it can be set.

https://gist.github.com/4019617

Thanks

confuse about the body().clientWidth code ?

I have saw the source code here .

I just confuse about the body() , Under what circumstances can this code work and give what return .

Did you want to get the document.height at document.compatMode at BackCompat such as the code below

function body(){
        return (document.compatMode == "CSS1Compat") ?
        window.document.documentElement :
        window.document.body || null;
 };

thanks.

boundingBox: 'offsetParent' doesn't work for position: relative

When an element has position: relative set, using the "offsetParent" bounding box option does not work correctly. The bounding box is calculated from the element starting position instead of offset parent position.

"body()" can be support for all browser?

I know the "body" is a property of document object, can use it as a method?

Doesn't work on mobile

Just tried your demo on my iphone 4 with iOS7....doesn't work

jquery plugin not included in release 0.3.0

Would be convenient if you do a release bump that includes the jquery plugin. I'm using bower to download and unless I point to the commit it downloads the 0.3.0 release which doesn't include the jquery wrapper. Would also be appreciate if you added the library to bower.
Thanks!

kbjr / dragdrop Goto Github PK

dragdrop's People

Contributors

Stargazers

Watchers

Forkers

dragdrop's Issues

Recommend Projects

Recommend Topics

Recommend Org

Jobs