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>

댓글 없음:

댓글 쓰기

ETL 솔루션 환경

ETL 솔루션 환경 하둡은 대용량 데이터를 값싸고 빠르게 분석할 수 있는 길을 만들어줬다. 통계분석 엔진인 “R”역시 하둡 못지 않게 관심을 받고 있다. 빅데이터 역시 데이터라는 점을 볼때 분산처리와 분석 그 이전에 데이터 품질 등 데이...