Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,027

HOME > Java Programming > Java Forum > การจะ Print รูปของ Background ที่ใส่ลงไปใน Table ต้องทำอย่างไรครับ



 

การจะ Print รูปของ Background ที่ใส่ลงไปใน Table ต้องทำอย่างไรครับ

 



Topic : 126102



โพสกระทู้ ( 8 )
บทความ ( 0 )



สถานะออฟไลน์




พอดีได้ทำหน้าเว็บหน้านึงในการจะปริ้นคล้ายๆใบประกาศออกมาแล้ว
มีรูปพื้นหลังซึ่งได้ใส่ไว้ใน <table> แต่พอกดปริ้นออกมามันไม่โชว์ออกมา
ตรงนี้จะแก้ไขยังไงได้บ้างครับขอบคุณครับ

Code (PHP)
<%@page import="java.text.DateFormat"%>
<%@ page contentType="text/html; charset=utf-8" language="java"
	import="java.sql.*" errorPage=""%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@ page import="java.text.SimpleDateFormat"%>
<%@ page import="java.util.Date"%>
<%@ page import="java.util.Calendar"%>
<%@ page import="java.util.Formatter"%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="icon" href="images/favicon.ico" type="image/x-icon" />
<title>E-learning FIRM-C</title>
<link rel="stylesheet" href="css/main.css"></link>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/sidebar.js"></script>
<script src="js/jquery-ui.js"></script>
<script type="text/javascript">
	function printTable(tableprint) {
		var printContents = document.getElementById(tableprint).innerHTML;
		var originalContents = document.body.innerHTML;
		document.body.innerHTML = printContents;
		window.print();
		document.body.innerHTML = originalContents;
	}
</script>
<style>
@page {
	size: auto; /* auto is the current printer page size */
	margin: 0mm; /* this affects the margin in the printer settings */
}
@media print
{
    * {-webkit-print-color-adjust:exact;}
    body {
      color: #000;
      background: #fff;
   }
}
p.thsara {
	font-family: "THSarabunNew", Times, serif;
}

body {
	background: url('images/main-background.png') no-repeat center center
		fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	 margin: 0px;  /* the margin on the content before printing */
}
</style>
</head>
<body>
	<div id="wrapper">
		<!-- Sidebar -->
		<%@ include file="Menubar.jsp"%>
		<!-- /#sidebar-wrapper -->

		<!-- Page Content -->
		<div id="page-content-wrapper">
			<button type="button" class="hamburger is-closed" id="menu-toggle">
				<span class="hamb-top"></span> <span class="hamb-middle"></span> <span
					class="hamb-bottom"></span>
			</button>
			<div class="container-fluid">
				<div class="row">
					<div class="col-md-12">
						<div id="print_table">
							<form:form commandName="${uList}">
								<table style="-webkit-print-color-adjust: exact;" border="0" align="center" bgcolor="#ffffff" >
									<tr>
										<td height="570px" width="1000px">
											<table style="-webkit-print-color-adjust: exact;" width="100%" border="0" background="images/cer-bg.png">
											<tr><td>
											<br/><br/><br/>
											</td></tr>
												<tr>
													<td align="center" colspan="10"><img
														src="images/EGAT.png" class="img-responsive" width="124px"
														height="141px" /></td>
												</tr>
												<tr align="center">
													<td colspan="10"><h1>
															<b><p class="thsara">การไฟฟ้าฝ่ายผลิตแห่งประเทศไทย</p></b>
														</h1></td>
												</tr>
												<tr align="center">
													<td colspan="10"><h2>
															<b><p class="thsara">ใบรับรองฉบับนี้ให้ไว้เพื่อแสดงว่า</p></b>
														</h2></td>
												</tr>
												<tr align="center">
													<td colspan="10"><h3>
															<b><p class="thsara">${uList.title}&nbsp;${uList.name}</p></b>
														</h3></td>
												</tr>
												<tr align="center">
													<td colspan="10"><h3>
															<b><p class="thsara">${uList.username}</p></b>
														</h3></td>
												</tr>
												<tr align="center">
													<td colspan="10"><h3>
															<b><p class="thsara">ตำแหน่ง&nbsp;${uList.position}&nbsp;&nbsp;&nbsp;สังกัด&nbsp;${uList.department}</p></b>
														</h3></td>
												</tr>
												<tr align="center">
													<td colspan="10"><h2>
															<b><p class="thsara">ได้ผ่านการทดสอบหลักสูตร
																	“FIRM-C E-Learning”</p></b>
														</h2></td>
												</tr>
												<tr align="center">
													<td><h3>
															<b><p class="thsara">
																	ณ วันที่
																	<%
																Formatter day = new Formatter();
																	Calendar cal = Calendar.getInstance();
																	day.format(" %te", cal);
																	out.println(day);
															%>
																	เดือน
																	<%
																Formatter month = new Formatter();
																	month.format("%tB", cal);
																	out.println(month);
															%>
																	พ.ศ.
																	<%
																Formatter year = new Formatter();
																	year.format("%tY", cal);
																	out.println(year);
															%>
																</p></b>
														</h3></td>
												</tr>
											</table>
										</td>
									</tr>
								</table>
							</form:form>
						</div>
					</div>
					<div class="col-md-12">
						<table align="center">
							<tr>
								<br />
								<br />
								<td align="center">
									<button OnClick="printTable('print_table');"
										class="btn btn-info btn-lg">
										ปริ้น | <i class="fa fa-print" aria-hidden="true"></i>
									</button>
								</td>
							</tr>
						</table>
					</div>
					<div class="col-md-12">
						<br /> <br /> <br /> <br />
					</div>

				</div>
			</div>
			<!-- /#page-content-wrapper -->
		</div>
		<!-- /#wrapper -->
		<!-- Menu Toggle Script -->
		<script>
			$("#menu-toggle").click(function(e) {
				e.preventDefault();
				$("#wrapper").toggleClass("toggled");
			});
		</script>
		</div>
</body>

</html>




Tag : HTML/CSS, JSP, Web Service







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2017-01-19 13:35:49 By : modernarm View : 1591 Reply : 1
 

 

No. 1



โพสกระทู้ ( 74,058 )
บทความ ( 838 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Facebook

<style type="text/css" media="print"> @media print { body {-webkit-print-color-adjust: exact;} } @page { size:A4 landscape; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; margin: 0; -webkit-print-color-adjust: exact; } </style>


ลองแบบนี้ได้ไหม๊ครับ






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2017-01-20 10:48:55 By : mr.win
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : การจะ Print รูปของ Background ที่ใส่ลงไปใน Table ต้องทำอย่างไรครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 05
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่