el.setAttribute("draggable", 'true');
            el.addEventListener('dragstart', function (ev) {
                ev.dataTransfer.setData("text", ev.target.id);
                ev.dataTransfer.setData("posX", ev.offsetX);
                ev.dataTransfer.setData("posY", ev.offsetY);
            });

            var el_body = document.getElementsByTagName('body')[0];

            el_body.addEventListener('dragover', function (ev) {
                ev.preventDefault();
            });

            el.addEventListener('dragstart', function () {
                this.style.cssText += 'transform: scale(0.0); transition-delay: 0.0001s;';
            }, false);

            el_body.addEventListener('drop', function (ev) {
                ev.preventDefault();
                var data = ev.dataTransfer.getData("text");
                var posX = parseInt(ev.dataTransfer.getData("posX"));
                var posY = parseInt(ev.dataTransfer.getData("posY"));
                document.getElementById(data).style.left = parseInt(ev.pageX) - posX + 'px';
                document.getElementById(data).style.top = parseInt(ev.pageY) - posY + 'px';
                document.getElementById(data).style.transform = 'none';
            });