검색결과 리스트
글
좁은 칸에 아래 위로 짤리는 글씨.. 스크롤로 왔다갔다 하면서 보기 힘드시죠?
그래서 새로운 팝업창을 통해 그 안의 내용을 확인할 수 있는 소스를 공개하겠습니다.
위와 같은 글 내용입니다.
아래쪽에 스크롤이 왔다갔다 하고.. 내용이 커서 한눈에 잘 보이지 않는 불편함이 있지요?
그래서 위에 미리보기 버튼을 누르면
이렇게 팝업으로 크게 볼 수 있도록 합니다.
오른쪽 위에 프린트할 수 있는 버튼과 닫기 버튼이 보이시죠?ㅎㅎ
밑에 소스는 미리보기 버튼을 눌렀을 때 호출하는 함수입니다.
function view(){
var msg = document.getElementById('<%=lblMsg.ClientID%>').innerHTML;
var html = window.open();
html.document.writeln('<HTML><HEAD><title>Print Preview</title>')
html.document.writeln('<base target="_self"></HEAD>')
html.document.writeln('<body MS_POSITIONING="GridLayout" bottomMargin="0" leftMargin="0" topMargin="0" rightMargin="0">');
html.document.writeln('<form method="post">');
html.document.writeln('<TABLE width=100%><TR><TD></TD></TR><TR><TD align=right><INPUT ID="PRINT" type="button" value=" PRINT " onclick="javascript:location.reload(true);window.print();"><INPUT ID="CLOSE" type="button" value=" CLOSE " onclick="window.close();"></TD></TR><TR><TD></TD></TR></TABLE>');
html.document.writeln(msg);
html.document.writeln('</form></body></HTML>');
}
좀 복잡해보이지만 대충 이해하셨을거라고 생각됩니다.
lblMsg는 우리가 크게 뿌려줄 내용을 담은 라벨이구요.
이것을 msg변수에 너어줍니다.
^^
