Div 를 새창 팝업으로 띄우기

도움말 페이지를 새창으로 띄우는 방법을 생각하다 찾았다.

도움말은 여러개가 있고, 사용자의 요청에 따라 달라지는 도움말 페이지이다.

요청이란, 조그만한 물음표 이미지가 있는데 그 이미지를 누르면 그 요소에 해당되는 도움말이 출력되는 

예를 들면 A요소에 있는 물음표 이미지를 클릭하면 A에 대한 도움말

B요소에 있는 이미지를 클릭하면 B에 대한 도움말이 보여진다.

<button onClick="PopupExplain('도움말')">

<div id="도움말">

여기는 도움말 내용입니다.

</div>

<script>

function PopupExplain(param){

var val = document.getElementById(param).outerHTML;

var explain = document.getElementById("explain");

var w = window.open("","","");

w.document.write(val);

w.document.close();

}

</script>

참고: http://plaboratory.org/archives/3094