首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >jquery/pdfobject问题将pdf嵌入到div中

jquery/pdfobject问题将pdf嵌入到div中
EN

Stack Overflow用户
提问于 2011-01-11 17:23:40
回答 1查看 5.9K关注 0票数 0

我有一个工作密码:

代码语言:javascript
复制
$.post("./php/acc_con_def.php",
    {contratto:contratto,vers:vers,scelta:"nuovo"}, 
    function(data){
        window.open("./temp/accettazione.pdf")
});

我正在尝试使用这段代码在div中打开pdf,但它不起作用,这里是我使用的代码:

代码语言:javascript
复制
    $.post("./php/acc_con_def.php",
    {contratto:contratto,vers:vers,scelta:"nuovo"}, 
    function(data){
        $("#hideShow").show("slow");
        function embedPDF(){
            var myPDF = new PDFObject({ 
              url: './temp/accettazione.pdf'
            }).embed('hideShow'); 
          }
          window.onload = embedPDF; 
});
EN

回答 1

Stack Overflow用户

发布于 2011-01-11 17:34:48

试试这个:

代码语言:javascript
复制
$.post("./php/acc_con_def.php", {contratto:contratto,vers:vers,scelta:"nuovo"}, 
  function(data) {

    $("#hideShow").show("slow");
    var myPDF = new PDFObject({ url: './temp/accettazione.pdf' }).embed('hideShow'); 

  }
);

如果要在加载完页面后执行此操作,则必须这样做:

代码语言:javascript
复制
$(function() {

    $.post("./php/acc_con_def.php", {contratto:contratto,vers:vers,scelta:"nuovo"}, 
      function(data) {

        $("#hideShow").show("slow");
        var myPDF = new PDFObject({ url: './temp/accettazione.pdf' }).embed('hideShow'); 

      }
    );

});

代码中的问题是,在发布后,“窗口”的事件“加载”结束。

编辑

试试下面的代码,看看您的浏览器是否运行良好:

代码语言:javascript
复制
    $("#hideShow").show();
    $.post("./php/acc_con_def.php", {contratto:contratto,vers:vers,scelta:"nuovo"}, 
      function(data) {

         if ($.browser.msie)
            $("#hideShow").append('<div><object width="100%" height="100%" classid="CLSID:CA8A9780-280D-11CF-A24D-444553540000" data="./temp/accettazione.pdf#" type="application/pdf"/></div>');
         else
            $("#hideShow").append('<div><object type="application/pdf" data="./temp/accettazione.pdf#" width="100%" height="100%"></object></div>');
      }
    );

用于测试的HTML

首先创建文件“./temp/accettazione.pdf

代码语言:javascript
复制
<!DOCTYPE html> 
<html>
<head></head>
<body>
  <div>for IE</div>
  <div><object width="100%" height="100%" classid="CLSID:CA8A9780-280D-11CF-A24D-444553540000" data="./temp/accettazione.pdf#" type="application/pdf"/></div>
  <br /><br />
  <div>for other</div>
  <div><object type="application/pdf" data="./temp/accettazione.pdf#" width="100%" height="100%"></object></div>
</body>
</html>
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/4660497

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档