| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 |
- reactive
- Spring Batch
- 웹앱
- spring reactive
- 서버운영
- Spring Framework
- 공유기 서버
- reactor core
- ipTIME
- 웹 스터디
- reactor
- 웹 커리큘럼
- Today
- Total
Hello World
javascript로 버튼에 print 링크 다는 방법! 본문
<div id = "printArea">
<!-- 출력할 내용 -->
</div>
<a href="#" onclick"printSction();">
<img src="버튼주소"/>
</a>
<script type="text/javascript">
function printSection()
{
var sw = screen.witdh;
var sh = screen.height;
var w = 400;
var h = 800;
var xpos = (sw-w)/2;
var ypos = (sh-h)/2;
var rptHeader = " <html><head><title> 인쇄 </title> ";
rptHeader = rptHeader + '<link rel="stylesheet" type="text/css" href="../../contact/css/print.css" />';
rptHeader + "</head><body>";
rptContent0 = document.getElementById("printArea").innerHTML + "<br>";
var rptTail = "</body></html>";
var rptContent = rptHeader + rptContent0 + rptTail;
rptWin = window.open( "","rpt","witdh="+w+",height="+h+",top="+ypos+",left="+xpos+",status=yes,scrollbars=yes");
rptWin.document.open();
rptWin.document.write(rptContent);
rptWin.document.close();
rptWin.print();
rptWin.close(); // 이 부분을 주석처리하면 당연히 새로 뜬 팝업창이 프린트 후에도 꺼지지 않음.
}
</script>
'Javascript > Tips' 카테고리의 다른 글
| gulp 소개 (0) | 2016.01.10 |
|---|---|
| Javascript 면접 문제 (0) | 2016.01.10 |
| 디자인 패턴 정리 (0) | 2012.11.08 |
| Open Source License 요약 (0) | 2012.11.08 |
| MIT License (0) | 2012.11.08 |