안녕하세요 레이어에 관한 내용을 찾고 있다가

phpschool 에서 공대여자님 작성한 레이어 관련까지 왔습니다.

레이어를 관련해서 추가로 생성하게 만들었는데 이것들을 각각 개별적으로 움직일수 있게 처리 하는 부분에서

헤메고 있습니다.

혹시 도움을 얻을 수 있을까 해서요~

그럼 감사합니다.

<script type="text/javascript">
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//
 var dragapproved=false
 function drag_dropie(){
  var layerId = id;
  if (dragapproved==true){
   document.all[layerId].style.pixelLeft=tempx+event.clientX-iex
   document.all[layerId].style.pixelTop=tempy+event.clientY-iey
   return false
  }
 }
 function initializedragie(id){
  var layerId = id;
 
  iex=event.clientX;
  iey=event.clientY;
  tempx=document.all[layerId].style.pixelLeft;
  tempy=document.all[layerId].style.pixelTop;
  
  var dragapproved = true;
  
  document.all[layerId].onmousedown = drag_dropie       
 
 } 
 
 if (document.all){
  document.onmouseup=new Function("dragapproved=false")
 }
////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 function createLayer(id) {
  var layerId = id;
     var layer = document.getElementById(layerId);
  if(layer) {
         layer.style.left = window.event.clientX;
         layer.style.top = window.event.clientY;
         layer.style.visibility = "";
     } else {
   var layer = document.createElement("div");
   layer.setAttribute("id", layerId);
   
   layer.onmousedown = function(){
           initializedragie(id);
         }
   
   layer.style.background = "#ffccff";
   layer.style.position = "absolute";
   layer.style.left = window.event.clientX;
   layer.style.top = window.event.clientY;
   layer.style.width = 490;
   layer.style.height = 550;
      layer.innerHTML = "<a href=javascript:popupClose('"+id+"')>"+id+"Layer 닫기</a>";
   document.body.appendChild(layer);
  }
 }
 
 function popupClose(id){
     var layerId = id;
  document.all[layerId].style.visibility = "hidden";
 }
</script>

<div id="test1" onclick="createLayer('childLayer_1')">childLayer_1</div>
<div id="test2" onclick="createLayer('childLayer_2')">childLayer_2</div>
<div id="test3" onclick="createLayer('childLayer_3')">childLayer_3</div>