'출력'에 해당되는 글 1건

  1. 2011.03.08 javascript로 버튼에 print 링크 다는 방법! 1


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>

Posted by LucidasH
이전버튼 1 이전버튼

블로그 이미지
LucidasH

공지사항

Yesterday
Today
Total

달력

 « |  » 2024.5
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 31

최근에 올라온 글

최근에 달린 댓글

글 보관함