2011-05-13 46 views
0

我有一個簡單的設置與http://denishoctor.me/readertest.html(以下代碼也)。該按鈕通過嵌入式pdf打開對話框。除了IE6/7/8,這一切都很好。如何通過我的jQuery UI對話阻止IE7/8流血中的Adobe Reader?

有誰知道如何制止這種情況?

感謝, 丹尼斯

<button type="button">Click Me</button> 

<iframe id="iFrameResponse" style="margin-left:250px;height:500px;width:100%" src="http://knowwheretheygo.org/media//static/content/sample.pdf"></iframe> 

<div id="InformationDialog" style="display: none;">This is my info</div> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#InformationDialog").dialog({ 
      title: "Information", 
      autoOpen: false, 
      hide: "slide", 
      show: "slide", 
      width: 225, 
      position: [100,125], 
      height: 400 
     }); 

     $("button").click(function() { 
     $("#InformationDialog").dialog('open'); return false; 
     }); 
    }); 
</script> 

更新:我發現http://groups.google.com/group/jquery-ui/browse_thread/thread/66c7d2d31feedea9?fwc=1。談什麼http://brandonaaron.net/code/bgiframe/docs/。如上所述,任何人都知道需要進行哪些更改才能使其在IE for PDF中正常工作?

+0

不幸的是,這不是我覺得可以解決的問題。該插件在瀏覽器之外(我在Linux上使用flash也是如此)。 – Blender 2011-05-13 05:34:50

+0

當Safari對話框位於頂部時,它在滾動PDF時也會在Safari中呈現錯誤。 – 2011-05-13 05:52:08

回答

1

行,當然這不是理想的,但它的工作原理和我還沒有看到其他任何東西。也只能這樣做到IE6/7/8,並且不要懲罰那裏的好瀏覽器:

粘貼一個iFrame在彈出窗口下和PDF上方。關閉拖動和調整大小的jQueryUI對話框,這很好。隨着他們打開,似乎有一些輕彈,由於我認爲是重新繪製和位置。

實施例可以發現@http://denishoctor.me/examples/iframepdf/test.html

1

我的技術是簡單地調整大小/隱藏的IFRAME。 Safari需要調整iframe的大小。

 $("#pdf").css("visibility", "hidden"); 
    if (navigator.userAgent.indexOf("Safari") > -1) { 
     $("#pdf").height("5px"); 
     } 
     $("#dialog-modal").dialog({ 
      height: 350, 
      width: 800, 
      buttons: [ 
      { 
       text: "Close", 
       click: function() { 
        $("#pdf").css("visibility", "visible"); 
         if (navigator.userAgent.indexOf("Safari") > -1) { 
          $("#pdf").height("500px"); 
         } 
       } 
      }], 

      close: function(event, ui) { 
       $("#pdf").css("visibility", "visible"); 
       if (navigator.userAgent.indexOf("Safari") > -1) { 
        $("#pdf").height("500px"); //whatever the height of your PDF iframe is 
       } 
      } 
}); 
相關問題