アンカーテキストを含むモーダルウィンドウがあります。このリンクをクリックすると、別の場所に格納されているPDFを呼び出して、ポップアップで表示する必要があります。どうやってやるの ?
親切に助けてください。
アンカーテキストを含むモーダルウィンドウがあります。このリンクをクリックすると、別の場所に格納されているPDFを呼び出して、ポップアップで表示する必要があります。どうやってやるの ?
親切に助けてください。
jQuery UI ダイアログを使用してこれを行うことができます。ここから JQuery UI をダウンロードできますJQueryUIのダウンロード
これらのスクリプトを最初に<head>
タグ内に含めます
<link href="css/smoothness/jquery-ui-1.9.0.custom.css" rel="stylesheet">
<script language="javascript" type="text/javascript" src="jquery-1.8.2.js"></script>
<script src="js/jquery-ui-1.9.0.custom.js"></script>
JQuery コード
<script language="javascript" type="text/javascript">
$(document).ready(function() {
$('#trigger').click(function(){
$("#dialog").dialog();
});
});
</script>
<body>
タグ内の HTML コード。iframe を使用して PDF ファイルを内部に読み込みます
<a href="#" id="trigger">this link</a>
<div id="dialog" style="display:none">
<div>
<iframe src="yourpdffile.pdf"></iframe>
</div>
</div>
モーダル マークアップ内に iframe を配置し、その src 属性を PDF へのリンクとして指定できます。リンクをクリックすると、このモーダル マークアップを表示できます。