Drag drop prob with javascript

[Talghagin]

Hi i'm using the below code which i need that when the user clicks on the "drag.gif" the whole div is drag and droped. The code works fine if i put the image out of the table...

any suggention on why its not working?

    <script type="text/javascript">
            document.onmousedown = MouseDown;
            document.onmousemove = MouseMove;
            document.onmouseup = MouseUp;
 
            N = (document.all) ? 0 : 1;
 
            if (N) 
            {
                document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP);
            }
 
            var ob;
            var dv;
 
            function MouseDown(e) 
            {
                if (N) 
                {
                    ob = document.layers[e.target.name];
                    X=e.x;
                    Y=e.y;
                    return false;
                }
                else 
                {
                    ob = event.srcElement.parentElement.style;
                    X=event.offsetX;
                    Y=event.offsetY;
                }
            }
 
            function MouseMove(e) 
            {
                if (ob)
                {
                    if (N) 
                    {
                        ob.moveTo((e.pageX-X), (e.pageY-Y));
                    }
                else 
                {
                    ob.pixelLeft = event.clientX-X + document.body.scrollLeft;
                    ob.pixelTop = event.clientY-Y + document.body.scrollTop;
                    return false;
                }
            }
            }
 
            function MouseUp() 
            {
                ob = null;
            }
 
            function removeEvent()
            {
                if (document.getElementById('dragContainer') != null)
                {
                    document.forms[0].removeChild(dv);
                }
            }
 
            function MsgBox (name, createdDate) 
            {
                removeEvent();
 
                dv = document.createElement('div');
                dv.setAttribute('id',"dragContainer");
                dv.className="regular";
                dv.style.position="absolute";       
                dv.style.position="absolute"; 
                dv.style.pixelLeft= 500;
                dv.style.pixelTop = 50 ;
                dv.style.pixelWidth=10;
                dv.style.pixelHeight=20;
                dv.innerHTML="<table cellpadding='0' cellspacing='0'height='200' width='300'><tr><td><img src='drag.gif' OnMouseDown='MU()' OnMouseUp='MU()'/></td><td><img src='close_icon.gif' onclick='removeEvent()' /></td></tr><tr><td  colspan='2' width='100%' bgcolor='#CCCCCC' align='CENTER' valign='MIDDLE' style='height: 76%'><font face='Helvetica,Verdana,Arial' size='3' color='#000066'><b>Name :" + name + "<br>Created on : " + createdDate + "</b></br /></font></td></tr></table>";
 
                document.forms[0].appendChild(dv);
            }
 
            function chnageText(strText)
            {
               document.getElementById('<%=txtPath.ClientID%>').value = strText;
            }
 
    </script>

[pbmods]

Heya, Talghagin. Welcome to TSDN!

What do you want your code to do? Give an example.
What is your code doing that you don't want it to do? Give an example.
What is your code *not* doing that it is supposed to? Give an example.

[Talghagin]

What do you want your code to do?

When the user clicks on the drag.gif the DIV is draged and when the user realses the mouse button the DIV is dropped were the button was released.

What is your code doing that you don't want it to do? Give an example.
The scrooll bars are int working, i can't click and drag them.

What is your code *not* doing that it is supposed to? Give an example
When the image is placed out of the table example "<div><img src=''drag.gif' /><TABLE...." the div is carried as it should.and when the iamge is part of the table the div doesn't move .

Hope this helps you in helpinh me
and thnak for the welcome :)