'outerHTML`에 의해 DIV가 변경된 이유가 무의미합니다

요소를 클릭하면 해당 요소가 클릭되지만 다시 클릭하면 아무 것도 수행되지 않습니다. 페이지를 새로 고침하고 다시 클릭하면 다시 작동합니다. 왜?'outerHTML`에 의해 DIV가 변경된 이유가 무의미합니다

div를 클릭하면 AJAX가 PHP에 xmlhttp.send();; '클릭'이벤트는 document.getElementById('b_'+countr).addEventListener("click", selectionMade);에 의해 처리됩니다.

문서로드와 관련이 있다고 생각합니다. 변경된 사항을 outerHTML으로 변경하고 싶습니다. 전체 코드는 아래에 제공 :

// prepare clicable map 
for (x = 1; x <= 16; x++) { 
for (y = 1; y <= 16; y++) { 
    (function prepareClickableMap() { 
     var cords = x + "x" + y; 
     var el = document.getElementById(cords); 
     el.addEventListener("click", function (e) { B_modeWindow('1', cords) }); 
    })(); 
} 
} 

//passing selection 
for (countr = 1; countr <= 256; countr++) { 
    document.getElementById('b_'+countr).addEventListener("click", selectionMade); 
} 


var s; 
function selectionMade(e) { 
    selection = e.currentTarget.id.split("_"); 
    s = selection[1]; 
} 

// pass edited map info 
function B_modeWindow (id,XxY) { 
    if (s !== undefined) {  
     loading(); 

     var xmlhttp; 
     var position = XxY; 

     if (window.XMLHttpRequest) { 
      xmlhttp=new XMLHttpRequest(); 
     } else { 
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
     } 

     var xy = position.split("x"); 

     xmlhttp.onreadystatechange=function() { 
      if (xmlhttp.readyState==4 && xmlhttp.status==200) { 
       document.getElementById(XxY).outerHTML=xmlhttp.responseText; 

       hideloading(); 
      } 
     } 

     xmlhttp.open("GET","processMapEdit.php?id="+id+"&x="+xy[0]+"&y="+xy[1]+"&s="+s,true); 
     xmlhttp.send(); 
    } 
}

출처

2012-09-10 Szymon Toda