Vuzit – это online сервис, позволяющий добавлять pdf документы на веб страницы, причем для просмотра документов пользователю не требуется устанавливать pdf плагин в браузер. Для работы с сервисом используется JavaScript/AJAX, соответственно, управление просмотрищком – перелистывание страниц, масштабирование документов и прочее, можно осуществлять при помощи JavaScript.
Чтобы начать работу с сервисом, нужно зарегистрироваться и получить API ключ. Затем, на веб страницу нужно подключить скрипт и таблицу стилей Vuzit:
<link href="http://vuzit.com/stylesheets/Vuzit-2.3.css" rel="Stylesheet" type="text/css" /> <script src="http://vuzit.com/javascripts/Vuzit-2.3.js" type="text/javascript"></script>
После этого, имея ключ, создаем объект vuzit.Viewer и отображаем его, указывая в качестве атрибута функции display() элемент, в котором нужно отобразить просмотрщик:
vuzit.Base.apiKeySet("API-key-here-805d-9f2e-d5a342118510");
var viewer = new vuzit.Viewer("http://www.jstoolbox.com/demo/vuzit/pf.pdf", false, null);
viewer.display(document.getElementById("vuzit_viewer"), { zoom: 1 });
В результате, в элемент vuzit_viewer будет добавлен просмотрщик документов с панелью управления. Помимо опции zoom, показанной в этом примере, для функции display() существуют еще несколько полезных опций, например page для установки начальной страницы, showDownload – показывать ли ссылку "Download" и др. Посмотреть полную JavaScript API документацию можно здесь. Демо примеры, в том числе и показывающие управление viewer-ом при помощи JavaScript, можно посмотреть здесь.
Как видите, сам скрипт загружается с сервера Vuzit, но можно сохранить его и локально. Я к примеру сделал так для того, чтобы локализовать панель, подсказки и т.п. Посмотреть пример моей, локализованной версии можно здесь.
