2011년 6월 9일 목요일

웹페이지 자바스크립트로 프린트 지원

일반적인 자바스크립트를 이용한 화면 프린트는 사용하기에 안좋은 점이 많습니다.
여기서는 ActiveX 컴포넌트를 이용한 프린트 방법에 대하여 알아보기로 하겠습니다.
일반 웹화면에서 갈색 부분을 추가하면 ActiveX을 이용한 프린트를 할수있게 됩니다.
<%@ page contentType="text/html;charset=EUC-KR"%>
<%@ page import="java.util.*, org.ezF.tools.*, webApp.news.value.newsVO"%>
<%
RequestParser requestParser = (RequestParser)request.getAttribute("requestParser");
newsVO value = (newsVO)request.getAttribute("news");
%>
<html>
<head>
<title><%=request.getServletPath()%></title>
<!-- special style sheet for printing -->
<style media="print">
.noprint { display: none }
</style>
</head>
<script language=javascript>
function window.onload() {
factory.printing.header = "<%=value.getTitile()%>"
factory.printing.footer = "footer에 들어갈 내용"
factory.printing.portrait = true
// 간격 조절 단위는 인치입니다.
factory.printing.leftMargin = 0.75
factory.printing.topMargin = 1.5
factory.printing.rightMargin = 0.75
factory.printing.bottomMargin = 1.5
}
</script>

</head>
<body>

<!-- 프린터 출력을 위한 activeX -->
<object id="factory" style="display:none" viewastext classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814" codebase="http://www.meadroid.com/scriptx/ScriptX.cab#Version=6,1,431,8">
</object>

<table cellpadding="0" cellspacing="0" width="100%">
<tr align="left" valign="top">
<td width="100%" height="673">

<!-- 프린트에서 숨길 부분을 div tag 사이에 둔다. -->
<div id=idControls class="noprint">

<%@ include file="/include/top.jsp"%>

</div>
<table cellspacing="0" width="100%" border="1" bordercolor="#999999" bordercolordark="white" bordercolorlight="#999999">
<tr align="left" valign="top">
<td>

<!-- 프린트에서 숨기기 -->
<div id=idControls class="noprint">

<%if(user != null) {%>
<jsp:include page="/include/userInfoInclude.jsp" flush="true" />
<%}else{%>
<jsp:include page="/include/login.jsp" flush="true" />
<%}%>
<jsp:include page="/include/counter.jsp" flush="true" />
<br>
<br>
<jsp:include page="/common/sampleCalendar.jsp" flush="true" />
</div>

</td>
<td>
<!-- 프린트에서 숨기기 -->
<div id=idControls class="noprint">

<jsp:include page="/include/menuBar.jsp" flush="true">
<jsp:param name="selected" value="1"/>
</jsp:include>

<table>
<jsp:include page="/common/errorsPrint.jsp" flush="true" />
<form name=form>
<jsp:include page="/common/errorsURL.jsp" flush="true" />

<tr>
<td colspan=2 height="10"></td>
</tr>

<tr>
<td><FONT color="#ff3333"><b>▶ NEWS 기사 상세보기</b></FONT></td>
<td align="right">
<!-- 프린트 버튼 -->
<input type="button" name="print" value="print" omClick="factory.printing.PageSetup();">
<input type="button" name="preview" value="preview" omClick="factory.printing.Preview();">
<input type="button" name="top" value="top" omClick="factory.printing.Print(false, top)
;">
<input type="button" name="window" value="window" omClick="factory.printing.Print(false, top)
">

</td>
</tr>
</table>

</div>

<table>

<tr height="30">
<td width=150 bgcolor="#ccccff"><B><FONT>&nbsp;기사제목</FONT></B></td>
<td>&nbsp;&nbsp;<%=value.getTitile()%></td>
</tr>
<tr height="30">
<td width=150 bgcolor="#ccccff"><B><FONT>&nbsp;입력 시각</FONT></B></td>
<td>&nbsp;&nbsp;<%=value.getIndate().toLocaleString()%></td>
</tr>
<tr height="30">
<td width=150 bgcolor="#ccccff"><B><FONT>&nbsp;기사내용</FONT></B></td>
<td><%=value.getContents()%></td>
</tr>
</tr>
</table>

</form>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>

댓글 없음:

댓글 쓰기

블록체인 개요 및 오픈소스 동향

블록체인(block chain) 블록체인은 공공 거래장부이며 가상 화폐로 거래할때 발생할때 발생할 수 있는 해킹을 막는 기술. 분산 데이터베이스의 한 형태로, 지속적으로 성장하는 데이터 기록 리스트로서 분산 노드의 운영자에 의한 임의 조작이 불가...