헤드, 테일없이 원하는 테이블만 프린트하기
간단히 테이블의 내용만 프린트하는 방법입니다.
질문답변에 답하면서, 팁에 있는지 찾아보니, 간단한 건 없어서 올려 봅니다.
list.skin.php 소스에 보시면 리스트가 포함되는 테이블이 있을 겁니다.
basic 스킨의 경우 38라인에서 170라인 정도 됩니다. 이곳을
id 포함한 <div>로 감싸 주시고요. 예) <div id='print_table'><table>...</table></div>
적당한 위치에 인쇄용 버튼 만들어 프린트 창 링크 시켜 줍니다. (리스트 상단이 좋을듯...)
예> <input type=button value='리스트인쇄' onclick="window.open('print.html','print_win','width=800,height=400,left=200,status=no,toolbar=no,resizable=no,scrollbars=yes')">
basic 스킨의 경우 38라인에서 170라인 정도 됩니다. 이곳을
id 포함한 <div>로 감싸 주시고요. 예) <div id='print_table'><table>...</table></div>
적당한 위치에 인쇄용 버튼 만들어 프린트 창 링크 시켜 줍니다. (리스트 상단이 좋을듯...)
예> <input type=button value='리스트인쇄' onclick="window.open('print.html','print_win','width=800,height=400,left=200,status=no,toolbar=no,resizable=no,scrollbars=yes')">
print.html 은 bbs 폴더에 다음처럼 작성해서 넣어 줍니다.
//////////////////////////////////////////////////
<html>
<head>
<link rel="stylesheet" href="../style.css" type="text/css">
</head>
<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0">
<div id=print_sheet>
</div>
<script language="javascript">
print_sheet.innerHTML = opener.document.getElementById("print_table").innerHTML;
window.print();
</script>
</body>
</html>
<html>
<head>
<link rel="stylesheet" href="../style.css" type="text/css">
</head>
<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0">
<div id=print_sheet>
</div>
<script language="javascript">
print_sheet.innerHTML = opener.document.getElementById("print_table").innerHTML;
window.print();
</script>
</body>
</html>
////////////////////////////////////////////
* 주의사항 : 헤더에 포함하는 스타일은 해당 리스트 스킨의 스타일을 포함시켜야 동일하게 출력됩니다.
도움 되셨기를 바랍니다. ^ ^;
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 14개
잘사용하고있습니다.