2011-06-18 17:33:13 +09:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<title>pdf.js Multi-Page Viewer</title>
|
|
|
|
|
<link rel="stylesheet" href="multi-page-viewer.css" type="text/css" media="screen" charset="utf-8"/>
|
|
|
|
|
<script type="text/javascript" src="pdf.js"></script>
|
|
|
|
|
<script type="text/javascript" src="fonts.js"></script>
|
|
|
|
|
<script type="text/javascript" src="glyphlist.js"></script>
|
|
|
|
|
<script type="text/javascript" src="multi-page-viewer.js"></script>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div id="controls">
|
2011-06-18 18:52:24 +09:00
|
|
|
<span class="control">
|
2011-06-19 09:11:56 +09:00
|
|
|
<span id="previousPageButton"></span><span id="nextPageButton"></span>
|
|
|
|
|
<span class="label">Previous/Next</span>
|
2011-06-18 18:52:24 +09:00
|
|
|
</span>
|
|
|
|
|
<span class="control">
|
|
|
|
|
<input type="text" id="pageNumber" value="1" size="2"/>
|
|
|
|
|
<span>/</span>
|
|
|
|
|
<span id="numPages">--</span>
|
2011-06-19 09:11:56 +09:00
|
|
|
<span class="label">Page Number</span>
|
2011-06-18 18:52:24 +09:00
|
|
|
</span>
|
|
|
|
|
<span class="control">
|
2011-06-20 03:54:13 +09:00
|
|
|
<span id="scaleComboBoxInput"><input type="text" id="scale" value="100%" size="2"/></span><span id="scaleComboBoxButton"></span>
|
2011-06-19 09:11:56 +09:00
|
|
|
<span class="label">Zoom</span>
|
2011-06-20 03:54:13 +09:00
|
|
|
<div id="scaleComboBoxList">
|
|
|
|
|
<ul>
|
|
|
|
|
<li>50%</li>
|
|
|
|
|
<li>75%</li>
|
|
|
|
|
<li>100%</li>
|
|
|
|
|
<li>125%</li>
|
|
|
|
|
<li>150%</li>
|
|
|
|
|
<li>200%</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
2011-06-18 18:52:24 +09:00
|
|
|
</span>
|
2011-06-18 17:33:13 +09:00
|
|
|
</div>
|
|
|
|
|
<div id="viewer"></div>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
