現在、パソコンに疎い方々へ、紙で配布していたものを、PDFで配布する試みを行っています。
しかし、しおりの使い方(出し方)もままならず、毎回説明を行っており、HTMLで目次を作成し、単純にiframe等でPDFを表示、目次中をクリックしたら該当のページを開くようにしてはどうかという話になり簡単に作ってみました。
動作条件
条件は、サーバー上で動作するわけではなく、手元のパソコンで、オフラインでも動作する、ということのため、PDF.jsのようなファイルを読み込むスクリプトを利用することができません。
色々な方々が居られ、IE、Chrome、Firefoxなど、主要ブラウザで利用する。
抱えている問題
次のような作業を行っています。
【1】初回起動:iframe内のPDFはabout:blank、または表紙用PDFを利用
【2】HTMLの目次から、見たいページをクリック → iframe内PDFは、目的の動作を達成し、該当のページが表示される。
【3】HTMLの目次から、次に見たいページをクリック → iframe内PDFは、目的の動作を達成せず、表示は何も変わらない。
Javascriptを用いて、目次をクリックするたびに、ページを遷移する前に、一度iframe内をabout:blankにする。
【1】初回起動:iframe内のPDFはabout:blank、または表紙用PDFを利用
【2】HTMLの目次から、見たいページをクリック → iframe内PDFは、目的の動作を達成し、該当のページが表示される。
【3】HTMLの目次から、次に見たいページをクリック → iframe内PDFは、一瞬真っ白になり目的の動作を達成し、該当のページが表示される。
※但し、IEを利用した場合、AcrobatReaderの起動に時間がかかるため、処理が非常に遅く、実用的な動作速度を見込めない。
該当のソースコード
以下のようなとても単純なものです。
html
1<html> 2<body> 3 <a href="name.pdf#page=1" target="pdf">1</a><br /> 4 <a href="name.pdf#page=10" target="pdf">10</a><br /> 5 <a href="name.pdf#page=20" target="pdf">20</a><br /> 6 <a href="name.pdf#page=30" target="pdf">30</a><br /> 7 <iframe src="about:blank" name="pdf"></iframe> 8</body> 9</html>
回答3件
あなたの回答
tips
プレビュー