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

Webページ内にWebページを表示する領域を埋め込む。「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 {type: 'html'}" href="../">PDF File</a>←実際に表示する

HTMLの表示デモ

HTML File