<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>Js navigation in embeded pdf</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="http://github.com/cowboy/jquery-hashchange/raw/v1.3/jquery.ba-hashchange.min.js"></script>
<script type="text/javascript">
$(function() {
$(window).hashchange( function() {
var pdf_object = $('#pdf-object');
pdf_object.attr('data', pdf_object.attr('data').replace(/\.pdf.*/, '.pdf'+location.hash));
pdf_object.detach();
$('#pdf-container').append(pdf_object);
});
$(window).hashchange();
});
</script>
</head>
<body>
<ul id="nav">
<li><a href="#page=1">Page 1</a></li>
<li><a href="#page=2">Page 2</a></li>
<li><a href="#page=3">Page 3</a></li>
<li><a href="#page=4">Page 4</a></li>
<li><a href="#page=5">Page 5</a></li>
</ul>
<div id="pdf-container">
<object id="pdf-object" data="http://www.adobe.com/content/dam/Adobe/en/devnet/acrobat/pdfs/pdf_open_parameters.pdf" type="application/pdf" width="800" height="600"></object>
</div>
</body>
</html>