Forum PHP.pl

<div id="test"></div>
<div id="kontener">kontener1</div>

<style>
#test{ background-color: red; cursor: pointer; width: 100px; height: 100px; position: absolute; }

#kontener{ background-color: green; width: 200px; height: 200px; position: absolute; top: 100px; left: 300px; }

</style>

<script>
    function dragDrop( E,K,e){
        var x,y,minX;
        if(document.last)
            document.last.style.zIndex = 1;
        (document.last = E).style.zIndex = 10;
        e = e || event;
        e.stopPropagation();
        e.preventDefault();
        x = ~~(e.layerX || e.offsetX);
        y = ~~(e.layerY || e.offsetY);
        minX = -( 0.8 * parseInt(E.style.width) );  

        document.onmouseup = function(e){
            this.onmousemove = null;
        }

        document.onmousemove = function(e){
            e = e || event;
            e.preventDefault();
            E.style.left = (e.clientX - x) +'px';
            E.style.top = (e.clientY - y) +'px';


            if( (e.clientX - x) > K.offsetLeft &&
                (e.clientX - x) < (K.offsetLeft + K.offsetWidth) &&
                (e.clientY - y) > K.offsetTop &&
                (e.clientY - y) < (K.offsetTop + K.offsetHeight) ){
                E.innerHTML = 'tak';
            } else {
                E.innerHTML = 'nie';
            }
            return false;
        }
    }

document.getElementById('test').onmousedown = function(e){ dragDrop( this,
document.getElementById('kontener'), e  ); };

</script>