pdf.js/web/multi_page_viewer.html

67 lines
2.2 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html>
<head>
<title>pdf.js Multi-Page Viewer</title>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8"/>
2011-06-24 10:18:07 +09:00
<link rel="stylesheet" href="multi_page_viewer.css" type="text/css" media="screen"/>
<script type="text/javascript" src="compatibility.js"></script>
<script type="text/javascript" src="../pdf.js"></script>
<script type="text/javascript" src="../fonts.js"></script>
<script type="text/javascript" src="../crypto.js"></script>
<script type="text/javascript" src="../glyphlist.js"></script>
2011-06-24 10:18:07 +09:00
<script type="text/javascript" src="multi_page_viewer.js"></script>
</head>
<body>
2011-06-24 10:18:07 +09:00
<div id="controls">
<span class="control">
<button id="previousPageButton" disabled="disabled"><span></span></button>
<button id="nextPageButton" disabled="disabled"><span></span></button>
2011-06-24 10:18:07 +09:00
<span class="label">Previous/Next</span>
</span>
<span class="control">
<input type="text" id="pageNumber" value="1" size="2"/>
<span>/</span>
<span id="numPages">--</span>
<span class="label">Page Number</span>
</span>
<span class="control">
<select id="scaleSelect">
<option value="50">50%</option>
<option value="75">75%</option>
2011-06-30 19:21:39 +09:00
<option value="100">100%</option>
2011-06-24 10:18:07 +09:00
<option value="125">125%</option>
2011-06-30 19:21:39 +09:00
<option value="150" selected="selected">150%</option>
2011-06-24 10:18:07 +09:00
<option value="200">200%</option>
</select>
<span class="label">Zoom</span>
</span>
<!-- WIP: Leave commented out until implemented -->
<!--
<span class="control">
<button id="singleLayoutButton" class="selected"><span></span></button>
<button id="splitLayoutButton"><span></span></button>
<span class="label">Page Layout</span>
</span>
-->
<span class="control" id="fileWrapper">
<button id="openFileButton"><span></span></button>
2011-06-24 10:18:07 +09:00
<input type="file" id="fileInput"/>
<span class="label">Open File</span>
</span>
</div>
<!-- EXPERIMENTAL: Slide-out sidebar with page thumbnails (comment-out to disable) -->
<div id="sidebar">
<div id="sidebarBox">
<div id="sidebarScrollView">
<div id="sidebarContentView"></div>
2011-06-24 10:18:07 +09:00
</div>
</div>
</div>
2011-06-24 10:18:07 +09:00
<div id="viewer"></div>
</body>
</html>