2012-11-09 40 views
11

Tôi có cửa sổ phương thức, chứa văn bản liên kết. Khi tôi nhấp vào liên kết này, nó phải gọi một pdf nằm ở một nơi khác và hiển thị nó trong một cửa sổ bật lên. Làm thế nào tôi có thể làm điều đó ?Làm thế nào để hiển thị một pdf trong một cửa sổ phương thức?

Vui lòng trợ giúp.

+0

bạn có ý nghĩa gì với cửa sổ phương thức? – Swarne27

+1

Cửa sổ phương thức là cửa sổ phương thức trình duyệt. Nó bật lên, khi một nút được nhấp., Sẽ có một liên kết. Khi một trong đó được nhấp vào, một cửa sổ bật lên pdf phải đi lên. –

+0

bạn có thể sử dụng iframe để hiển thị pdf của bạn nhưng nó sẽ chỉ hiển thị nếu plugin có sẵn cho trình duyệt. Tùy chọn khác là sử dụng thư viện js –

Trả lời

20

Bạn có thể làm điều này bằng với hộp thoại jQuery UI, bạn có thể tải JQuery ui từ đây Download JQueryUI

Bao gồm các kịch bản đầu tiên bên <head> thẻ mã

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

HTML mã trong thẻ <body>. Sử dụng iframe để tải các tập tin pdf bên

<a href="#" id="trigger">this link</a> 
<div id="dialog" style="display:none"> 
    <div> 
    <iframe src="yourpdffile.pdf"></iframe> 
    </div> 
</div> 
+0

được thăng hạng, có vẻ tốt. Sẽ thử nó ra, Tx –

+0

Tôi đã thử nghiệm và đăng nó. Hy vọng nó sẽ giúp bạn. – Swarne27

+0

nó hoạt động hoàn hảo hầu hết các trình duyệt hiện đại ngoại trừ safari. Trong safari, khi đóng cửa sổ mô hình, nó không đóng chính iframe. bất kỳ ý tưởng ? –

2

Bạn có thể có iframe bên trong đánh dấu phương thức và cung cấp thuộc tính src của nó làm liên kết tới pdf của bạn. Khi nhấp vào liên kết, bạn có thể hiển thị đánh dấu phương thức này.

+0

Darshan, bạn vui lòng cho tôi bất kỳ mã ví dụ nào về điều này? Điều này sẽ giúp tôi hiểu nó. –

5

Bạn có thể có một cái nhìn tại thư viện này: https://github.com/mozilla/pdf.js nó ám tài liệu PDF trong một trang Web/HTML

Ngoài ra bạn có thể sử dụng Flash để nhúng tài liệu vào bất kỳ trang HTML nào như vậy:

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

bạn có thể sử dụng iframe trong biểu mẫu phương thức để khi mở cửa sổ khung nội tuyến mở trong biểu mẫu phương thức của bạn. tôi hy vọng bạn đang rendering cho một số mở pdf với một số url, nếu u có nội dung pdf chỉ cần thêm các nội dung trong một div trong các hình thức phương thức.

Các vấn đề liên quan