Как отобразить pdf в модальном окне? [закрытый]

У меня есть модальное окно, которое содержит текст. Когда я нажимаю на эту ссылку, он должен вызвать pdf, размещенный где-то еще, и отобразить его во всплывающем окне . Как я могу это сделать ?

просьба помочь .

12
javascript jquery modal-window pdf

4 ответов

вы можете сделать это с помощью диалога jQuery UI, вы можете скачать jQuery ui отсюда Скачать JQueryUI

включите эти сценарии сначала внутри <head> tag

<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-код внутри <body> тег. Используйте iframe для загрузки pdf-файла внутри

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

вы можете взглянуть на эту библиотеку:https://github.com/mozilla/pdf.js он отображает PDF-документ на веб-странице/HTML

Также Вы можете использовать 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>
5

вы можете иметь iframe внутри модальной разметки и дать атрибут src его в качестве ссылки на ваш pdf. При нажатии на ссылку вы можете показать эту модальную разметку.

2

вы можете использовать iframe в вашей модальной форме, поэтому, когда вы открываете окно iframe, оно открывается внутри вашей модальной формы . я надеюсь , что вы рендеринг в какой-то PDF opener с некоторым url-адресом, если у вас есть содержимое pdf, просто добавьте содержимое в div в модальной форме .

0