Home > jQuery > pdf と HTML の埋込み > 「Media Plugin」によるpdfの表示( 142 )

Webページ内にpdfファイルを表示する領域を埋め込む。「JQuery Media Plugin」を参考にしました。

codeの追加

1. script

<SCRIPT LANGUAGE="JavaScript">
$('a.demo').media({width:700, height:950,caption:false});	←表示領域の確保
</SCRIPT>

2. HTML

部に記述する。
<script type="text/javascript" src="jquery.metadata.js"></script>
<script type="text/javascript" src="jquery.media.js"></script>

表示したい部分に記述する。
<a class="demo" href="demo1.pdf">PDF File</a>	←実際に表示する

PDFの表示デモ

問題点

1. 「dorp down menu」は正常に機能するが、ブラウザによっては「side menu」が正常に機能しないソフトがある。因みに、Operaでは正常に機能した。