5列のテーブルを表示するjspファイルがあります。テーブルの同じページにボタンが必要です。これにより、jqueryを使用してテーブルの内容をpdf形式でダウンロードできます..誰か助けてくれますか? 以下のコードに示すように、jspdf の lib ファイルをプロジェクトの js フォルダーに追加し、jsp ファイルにそのパスを指定しました。何が問題なのか理解できません。
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<%@page import="org.apache.log4j.Level"%>
<%@page import="java.util.ArrayList"%>
<%@page import="sevices.authentication.AuthorizationException"%>
<head>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Intelligent System</title>
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
<script type='text/javascript' charset='utf-8' src='/ias/js/jquery.js'></script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="/ias/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="/ias/js/jsPDF.js"></script>
<script type="text/javascript" src="/ias/js/FileSaver.js"></script>
<script type="text/javascript" src="/ias/js/Blob.js"></script>
<script type="text/javascript" src="/ias/js/BlobBuilder.js"></script>
<script type="text/javascript" src="/ias/js/deflate.js"></script>
<script type="text/javascript" src="/ias/js/adler32cs.js"></script>
<link href="/ias/css/demo_page.css" rel="stylesheet" type="text/css" media="screen" />
<link href="/ias/css/demo_table.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
$('#example2').dataTable();
} );
$("#button3").click(function() {
var table = $("#example2").html();
$(".result").html(table);
var pdf = new jsPDF();
pdf.text(table);
pdf.save('message.pdf');
});
</script>
</head>
<body>
<jsp:include page="/jsp/session/menu.jsp"></jsp:include>
<!-- end #menu -->
<div id="page">
VIEW MESSAGE
<hr size="7" align="left" width="100%" color="#566316">
<span style="color: red"><%=myMessage %></span>
<%}
%>
<div class="entry">
<div id="content" class="messages">
<table cellpadding="0" cellspacing="0" border="0" align="left" class="display" id="example2" width="140%">
<thead>
<tr>
<th>SR NO.</th>
<th>Message</th>
<th>Posted By</th>
<th>Date</th>
<th>Priority</th>
</tr>
</thead>
<tbody>
<%
<tr class="separating_line">
<td class="center" style="width: 4%" align="center">data1</td>
<td style="width: 70%" valign="top" align="left">data2</td>
<td class="center" style="width: 15%" align="center">data3</td>
<td class="center" style="width: 35%" align="center">data4 </td>
<td class="center" style="width: 15%" align="center">data5 </td>
</tr>
</tbody>
<tfoot>
<tr>
<th></th>
<th></th>
<th></th>
<th></th>
<th></th>
</tr>
</tfoot>
</table>
<button id="button3" name="button3" type="button">Import PDF</button>
</div>
<!-- end #content -->
</div>
<script type='text/javascript' charset='utf-8' src='/ias/js/shCore.js'></script>
<div style="clear: both;"> </div>
</div>
<!-- end #page -->
<jsp:include page="/jsp/footer.jsp"></jsp:include>
<!-- end #footer -->
</body>
</html>