拖动div应调整其他两个div的大小

Question

我有三个div左，右和分隔符，拖动div分隔符应该调整左右div的大小。

html代码如下

<div id="left">Left</div>
        <div id="seperator">&nbsp;</div>
<div id="right"> Right</div>

使用以下javascript

使分隔符div可拖动

var dragObject  = null;
    var mouseOffset = null;
    // document.onmousemove = mouseMove;
   //document.onmouseup    = mouseUp;


        var div_id = document.getElementById('seperator');
        makeDraggable(div_id);


    function getMouseOffset(target, ev){
        ev = ev || window.event;

        var docPos    = getPosition(target);
        var mousePos  = mouseCoords(ev);
        return {x:mousePos.x - docPos.x, y:mousePos.y - docPos.y};
    }

    function getPosition(e){
        var left = 0;
        var top  = 0;

        while (e.offsetParent){
            left += e.offsetLeft;
            top  += e.offsetTop;
            e     = e.offsetParent;
        }

        left += e.offsetLeft;
        top  += e.offsetTop;

        return {x:left, y:top};
    }

    function mouseMove(ev){           
        ev           = ev || window.event;
       // var mousePos = mouseCoords(ev);
        // mouseOffset = getMouseOffset(this, ev);
        if(dragObject){
            var div_left = document.getElementById('left');
            var div_right = document.getElementById('right');
            dragObject.style.position = 'relative';
            div_left.style.position = 'relative';
            div_left.style.width = ( (div_left.offsetWidth) -( mouseOffset.x) )+"px";
            div_right.style.position = 'relative';
            div_right.style.width =  ((div_right.offsetWidth) + (mouseOffset.x)) + "px";

            return false;
        }
    }

    function mouseUp(){
        dragObject = null;
    }

    function makeDraggable(item){
        if(!item) return;
        item.onmousedown = function(ev){
            dragObject  = this;
            mouseOffset = getMouseOffset(this, ev);
            var div_id = document.getElementById('seperator');
            div_id.addEventListener('mousemove', mouseMove,true);
            div_id.addEventListener('mouseup', mouseUp,true);
            return false;
        }
    }

    function mouseCoords(ev){
        if(ev.pageX || ev.pageY){
            return {x:ev.pageX, y:ev.pageY};
        }
        return {
            x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
            y:ev.clientY + document.body.scrollTop  - document.body.clientTop
        };
    }

调整大小的代码在函数mouseMove（）

中完成

代码在以下链接中解释为

the link explains the dragging of div

所以，我想使用div seperator

调整左右div的大小