<%@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} ${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">ตำแหน่ง ${uList.position} สังกัด ${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>
<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>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง