关于div层拖放问题，希望大家指点


document.onmousemove=function(e){
        e=e||event        
        if(dragobj.o!=null){        
          dragobj.o.style.left=(e.x-dragobj.xx[0])+"px"
          dragobj.o.style.top=(e.y-dragobj.xx[1])+"px"             
          createtmpl(e)
        }
}
function createNew(val){
var o=document.createElement("div")
    o.className="mo"   
    o.id="m"+domid
    $('dom0').appendChild(o)
    o.innerHTML=val;
    o.getElementsByTagName("h1")[0].onmousedown=divmousedown
  //  domid++
   return o;
}
function createtmpl(e){
        for(var i=0;i<domid;i++){
            if($("m"+i)==dragobj.o)
                continue
            var b=inner($("m"+i),e)            
            if(b==0)
                continue
            dragobj.otemp.style.width=$("m"+i).offsetWidth
            if(b==1){            
                    $("m"+i).parentNode.insertBefore(dragobj.otemp,$("m"+i))
            }else{            
                  if($("m"+i).nextSibling==null){                  
                          $("m"+i).parentNode.appendChild(dragobj.otemp)
                  }else{                  
                          $("m"+i).parentNode.insertBefore(dragobj.otemp,$("m"+i).nextSibling)
                  }
            }
            return
        }
        
       /*
        for(var j=0;j<3;j++){
                if($("dom"+j).innerHTML.inc("div")||$("dom"+j).innerHTML.inc("DIV"))
                        continue
                var op=getxy($("dom"+j))
                if(e.x>(op[1]+10)&&e.x<(op[1]+op[2]-10)){
                        $("dom"+j).appendChild(dragobj.otemp)
                        dragobj.otemp.style.width=(op[2]-10)+"px"
                 }
         }           
            }*/ 
         
}
function getxy(e){
        var a=new Array()
        var t=e.offsetTop;
        var l=e.offsetLeft;
        var w=e.offsetWidth;
        var h=e.offsetHeight;
        while(e=e.offsetParent){
                t+=e.offsetTop;
                l+=e.offsetLeft;
        }
        a[0]=t;a[1]=l;a[2]=w;a[3]=h
  return a;
}
function inner(o,e){
        var a=getxy(o)
        if(e.x>a[1] && e.x<(a[1]+a[2]) && e.y>a[0] && e.y<(a[0]+a[3])){
                if(e.y<(a[0]+a[3]/2))
                        return 1;
                else
                        return 2;
        }else
                return 0;
}
function closeDiv(e)
{
    e=e||event
    var mdiv = this.parentNode.parentNode;    //取得目标层
    oDel(mdiv);
}
//复制层 me
function copyDiv(e){
  if(dragobj.o!=null)
        return false
    e=e||event          
    objcopy=this.parentNode
   
  if(objcopy.parentNode.id=='dom0'){ 
   var o=document.createElement("div")
    o.className="mo"   
    o.id="m"+domid
    $('dom2').appendChild(o)
    //o.innerHTML="<h1>item"+domid+"</h1><div class=nr></div>"
    o.innerHTML="<h1>item"+domid+"</h1>"
    o.getElementsByTagName("h1")[0].onmousedown=divmousedown
    domid++
    
    var close =document.createElement("div");
        close.innerHTML ="X";
        close.style.cssText = "cursor:default;float:right";                
        close.onmousedown = closeDiv;
        alert(o.childNodes[0].innerHTML);        
        o.childNodes[0].appendChild(close);    //dragobj.o.parentNode  父类节点         
   }
}
function add_div()
{
        var o=document.createElement("div")
        o.className="mo"
        o.id="m"+domid
        $('dom0').appendChild(o)
        o.innerHTML="<h1>dom"+domid+"</h1><div class=nr></div>"
        o.getElementsByTagName("h1")[0].onmousedown=divmousedown
        domid++
}function savemode(){
var d2div=document.getElementById("dom2");
var rdiv=d2div.getElementsByTagName("div");
//alert(rdiv.length);
for(i=0;i<rdiv.length;i++)   {
alert(rdiv[i].innerHTML);
// alert(my[i].childNodes[0].innerHTML+","+my[i].childNodes[1].innerHTML);
}
}
</script>
</head>
<body>
<INPUT TYPE="button" value="添加DIV" onclick="add_div();" style="display:none">
<INPUT TYPE="button" value="保存DIV" onclick="savemode();">
<div class=content>
        <div class=left id=dom0>dom0
                <div class=mo id=m0><h1>item0</h1></div>
                <div class=mo id=m1><h1>item1</h1></div>
                <div class=mo id=m2><h1>item2</h1></div>
                <div class=mo id=m3><h1>item3</h1></div>
        </div>
        <div class=center id=dom1 style=display:none>
                <div class=mo id=m4><h1>dom4</h1><div class="nr">模块4</div></div>
                <div class=mo id=m5><h1>dom5</h1><div class="nr">模块5</div></div>
                <div class=mo id=m6><h1>dom6</h1><div class="nr">模块6</div></div>
                <div class=mo id=m7><h1>dom7</h1><div class="nr">模块7</div></div>
        </div>
        <div class=right id=dom2>dom2
                <div class=mo id=m8><h1 title="media">item8</h1></div>
                <div class=mo id=m9><h1 title="media">item9</h1></div>
                <div class=mo id=m10><h1 title="media">item10</h1></div>
                <div class=mo id=m11><h1 title="media">item11</h1></div>
        </div>
</div>
</body>
</html>