The*_*ght 15 javascript pdf jquery modal-window
我有一个模态窗口,其中包含一个锚文本.当我点击此链接时,它必须调用其他地方的pdf并在弹出窗口中显示它.我怎样才能做到这一点 ？
请帮助.
Swa*_*e27 26
您可以使用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>
你可以看看这个库:https://github.com/mozilla/pdf.js它在Web/HTML页面中呈现PDF文档
您还可以使用Flash将文档嵌入任何HTML页面,如下所示:
<object data="your_file.pdf#view=Fit" type="application/pdf" width="100%" height="850">
<p>
It appears your Web browser is not configured to display PDF files. No worries, just <a href="your_file.pdf">click here to download the PDF file.</a>
</p>
</object>