jquery / pdfobject将pdf嵌入div的问题

时间:2011-01-11 17:23:41

标签: jquery

我有这个工作代码:

$.post("./php/acc_con_def.php",
    {contratto:contratto,vers:vers,scelta:"nuovo"}, 
    function(data){
        window.open("./temp/accettazione.pdf")
});

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

    $.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; 
});

1 个答案:

答案 0 :(得分:2)

试试这个:

$.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'); 

  }
);

如果你想在加载页面时想要这样做,你必须这样做:

$(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'); 

      }
    );

});

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

修改

尝试使用此代码查看您的浏览器是否运行良好:

    $("#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

<!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>