How to display a pdf in a modal window? [closed]

by

You can do this using with jQuery UI dialog, you can download JQuery ui from here Download JQueryUI

Include these scripts first inside <head> tag

<link href="https://stackoverflow.com/questions/13305707/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 code

<script language="javascript" type="text/javascript">
  $(document).ready(function() {
    $('#trigger').click(function(){
      $("#dialog").dialog();
    }); 
  });                  
</script>

HTML code within <body> tag. Use an iframe to load the pdf file inside

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

More Related Contents:

  1. How to build PDF file from binary string returned from a web-service using javascript
  2. Download and open PDF file using Ajax
  3. Download pdf file using jquery ajax
  4. pdf file upload ajax html
  5. Save a pre element as PDF with CSS
  6. How to download PDF automatically using js?
  7. How can I access the contents of an iframe with JavaScript/jQuery?
  8. Pure JavaScript equivalent of jQuery’s $.ready() – how to call a function when the page/DOM is ready for it [duplicate]
  9. Is Safari on iOS 6 caching $.ajax results?
  10. Prevent scrolling of parent element when inner element scroll position reaches top/bottom?
  11. Refresh/reload the content in Div using jquery/ajax
  12. How to delete a localStorage item when the browser window/tab is closed?
  13. Get list of data-* attributes using javascript / jQuery
  14. How to print all the txt files inside a folder using java script
  15. How to handle floats and decimal separators with html5 input type number
  16. How can I make window.showmodaldialog work in chrome 37?
  17. How do i disable a submit button when checkbox is uncheck?
  18. Split string into array without deleting delimiter?
  19. Detect if browser is running on an Android or iOS device
  20. Adding rows dynamically with jQuery
  21. Preview images before upload
  22. Split a string based on multiple delimiters
  23. Running Javascript in new window.open
  24. jquery validate check at least one checkbox
  25. Jquery in React is not defined
  26. .append VS .html VS .innerHTML performance
  27. Can jQuery change css style definition? (not individual css of each element)
  28. What is the purpose of backbone.js?
  29. Bootstrap and jQueryUI Conflict
  30. Match all URLs in string and return in array in JavaScript

Leave a Comment