자바 스크립트의 동적 div

각 사용자마다 팝업으로 나타나는 동적 div를 구현해야합니다. Google지도 위에 떠 있어야하며 새 div는 이전지도 아래에 표시됩니다. 그것은 결국 사용자 스택이 될 것입니다. 지금은 매번 새로운 행을 추가하는 표가 있지만 각 개별 셀을 참조하는 데 문제가 있습니다. 동적으로 새 div를 만들고 새 div를 다른 div 아래에 표시하는 방법에 대한 조언이 있으십니까? 화면의 왼쪽 하단에 떠있게됩니다. 어떤 도움이라도 좋을 것입니다. 감사!자바 스크립트의 동적 div

는 편집 : 여기

는 버튼을 눌러 사업부를 표시합니다 일부 코드입니다. 이전에 새 div를 표시하려면 무엇을 추가해야합니까?

function creatediv(id, html, width, height, left, bottom) { 

var newdiv = document.createElement('div'); 
newdiv.setAttribute('id', id); 
if (width) { 
    newdiv.style.width = 200; 
} 
if (height) { 
    newdiv.style.height = 50; 
} 
if ((left || bottom) || (left && bottom)) { 
    newdiv.style.position = "fixed"; 
    if (left) { 
     newdiv.style.left = left; 
     if (bottom) { 
      newdiv.style.bottom = bottom = "10"; 
     } 
    } 

    newdiv.style.background = "#FFFFF"; 
    newdiv.style.border = "4px solid #000"; 

    if (html) { newdiv.innerHTML = html; 
    } 
    else { 
     newdiv.innerHTML = "nothing"; 
    } 
document.body.appendChild(newdiv); 
} 
} 
</script> 
</head> 
<div> 
<input type="button" onclick="creatediv(id, 'User 1', 'width', 'height', 'left', 'bottom')" value="Create Div"/> 

</div> 
</html>

출처

2012-03-03 mkyong

무엇을 시도하셨습니까? –

제안하는 웹 사이트와 유사한 기능을 사용하여 웹 사이트에 대한 링크를 얻으시겠습니까? –

새 div의 새 채팅 메시지처럼 생각하십시오. 이 프로그램은 새로운 사용자를 찾기 위해 초마다 db를 검사합니다. 새 사용자를 찾으면 테이블에 새 행을 추가하고 사용자의 이름을 표시 한 다음 이전 사용자의 셀 아래에 팝업을 표시하여 사용자의 스택을 만듭니다. 가능한 경우 셀에서 div로 전환하고 싶습니다. – mkyong

이전에 작성한 div의 상단/하단 등을 기록하십시오. 또한 z- 색인. 이제 새로운 div의 상단/etc를 약간 쉬프트 된 값으로 설정하고 z- 인덱스를 증가시킵니다. 반복.

출처

2012-03-03 18:57:08 Manishearth

자바 스크립트의 동적 div

답변

관련 문제